Add example GIFs

This commit is contained in:
Christian Rocha 2020-07-29 19:20:41 -04:00 committed by GitHub
parent 7fa53ea961
commit 004511e00f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -15,6 +15,8 @@ These components are used in production in [Glow][glow] and [Charm][charm].
## Spinner ## Spinner
<img src="https://stuff.charm.sh/bubbles-examples/spinner.gif" width="400" alt="Spinner Example">
A spinner, useful for indicating that some kind an operation is happening. A spinner, useful for indicating that some kind an operation is happening.
There are a couple default ones, but you can also pass your own ”frames.” There are a couple default ones, but you can also pass your own ”frames.”
@ -23,6 +25,8 @@ There are a couple default ones, but you can also pass your own ”frames.”
## Text Input ## Text Input
<img src="https://stuff.charm.sh/bubbles-examples/textinput.gif" width="400" alt="Text Input Example">
A text input field, akin to an `<input type="text">` in HTML. Supports unicode, A text input field, akin to an `<input type="text">` in HTML. Supports unicode,
pasting, in-place scrolling when the value exceeds the width of the element and pasting, in-place scrolling when the value exceeds the width of the element and
the common, and many customization options. the common, and many customization options.
@ -33,6 +37,8 @@ the common, and many customization options.
## Paginator ## Paginator
<img src="https://stuff.charm.sh/bubbles-examples/pagination.gif" width="200" alt="Paginator Example">
A component for handling pagination logic and optionally drawing pagination UI. A component for handling pagination logic and optionally drawing pagination UI.
Supports "dot-style" pagination (similar to what you might see on iOS) and Supports "dot-style" pagination (similar to what you might see on iOS) and
numeric page numbering, but you could also just use this component for the numeric page numbering, but you could also just use this component for the
@ -44,6 +50,8 @@ browse SSH keys.
## Viewport ## Viewport
<img src="https://stuff.charm.sh/bubbles-examples/viewport.gif" width="600" alt="Viewport Example">
A viewport for vertically scrolling content. Optionally includes standard A viewport for vertically scrolling content. Optionally includes standard
pager keybindings and mouse wheel support. A high performance mode is available pager keybindings and mouse wheel support. A high performance mode is available
for applications which make use of the alterate screen buffer. for applications which make use of the alterate screen buffer.