docs: add examples/gifs locally to repository
|
@ -6,7 +6,7 @@ The `altscreen-toggle` example shows how to transition between the alternative
|
||||||
screen buffer and the normal screen buffer using Bubble Tea.
|
screen buffer and the normal screen buffer using Bubble Tea.
|
||||||
|
|
||||||
<a href="./altscreen-toggle/main.go">
|
<a href="./altscreen-toggle/main.go">
|
||||||
<img width="750" src="https://stuff.charm.sh/bubbletea-examples/altscreen-toggle.gif" />
|
<img width="750" src="./altscreen-toggle/altscreen-toggle.gif" />
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
### Chat
|
### Chat
|
||||||
|
@ -15,7 +15,7 @@ The `chat` examples shows a basic chat application with a multi-line `textarea`
|
||||||
input.
|
input.
|
||||||
|
|
||||||
<a href="./chat/main.go">
|
<a href="./chat/main.go">
|
||||||
<img width="750" src="https://stuff.charm.sh/bubbletea-examples/chat.gif" />
|
<img width="750" src="./chat/chat.gif" />
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
### Composable Views
|
### Composable Views
|
||||||
|
@ -24,7 +24,7 @@ The `composable-views` example shows how to compose two bubble models (spinner
|
||||||
and timer) together in a single application and switch between them.
|
and timer) together in a single application and switch between them.
|
||||||
|
|
||||||
<a href="./composable-views/main.go">
|
<a href="./composable-views/main.go">
|
||||||
<img width="750" src="https://stuff.charm.sh/bubbletea-examples/composable-views.gif" />
|
<img width="750" src="./composable-views/composable-views.gif" />
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
### Credit Card Form
|
### Credit Card Form
|
||||||
|
@ -33,7 +33,7 @@ The `credit-card-form` example demonstrates how to build a multi-step form with
|
||||||
`textinput`s bubbles and validation on the inputs.
|
`textinput`s bubbles and validation on the inputs.
|
||||||
|
|
||||||
<a href="./credit-card-form/main.go">
|
<a href="./credit-card-form/main.go">
|
||||||
<img width="750" src="https://stuff.charm.sh/bubbletea-examples/credit-card-form.gif" />
|
<img width="750" src="./credit-card-form/credit-card-form.gif" />
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
### Debounce
|
### Debounce
|
||||||
|
@ -42,7 +42,7 @@ The `debounce` example shows how to throttle key presses to avoid overloading
|
||||||
your Bubble Tea application.
|
your Bubble Tea application.
|
||||||
|
|
||||||
<a href="./debounce/main.go">
|
<a href="./debounce/main.go">
|
||||||
<img width="750" src="https://stuff.charm.sh/bubbletea-examples/debounce.gif" />
|
<img width="750" src="./debounce/debounce.gif" />
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
### Exec
|
### Exec
|
||||||
|
@ -51,7 +51,7 @@ The `exec` example shows how to execute a running command during the execution
|
||||||
of a Bubble Tea application such as launching an `EDITOR`.
|
of a Bubble Tea application such as launching an `EDITOR`.
|
||||||
|
|
||||||
<a href="./exec/main.go">
|
<a href="./exec/main.go">
|
||||||
<img width="750" src="https://stuff.charm.sh/bubbletea-examples/exec.gif" />
|
<img width="750" src="./exec/exec.gif" />
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
### Full Screen
|
### Full Screen
|
||||||
|
@ -59,7 +59,7 @@ of a Bubble Tea application such as launching an `EDITOR`.
|
||||||
The `fullscreen` example shows how to make a Bubble Tea application fullscreen.
|
The `fullscreen` example shows how to make a Bubble Tea application fullscreen.
|
||||||
|
|
||||||
<a href="./fullscreen/main.go">
|
<a href="./fullscreen/main.go">
|
||||||
<img width="750" src="https://stuff.charm.sh/bubbletea-examples/fullscreen.gif" />
|
<img width="750" src="./fullscreen/fullscreen.gif" />
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
### Glamour
|
### Glamour
|
||||||
|
@ -67,7 +67,7 @@ The `fullscreen` example shows how to make a Bubble Tea application fullscreen.
|
||||||
The `glamour` example shows how to use [Glamour](https://github.com/charmbracelet/glamour) inside a viewport bubble.
|
The `glamour` example shows how to use [Glamour](https://github.com/charmbracelet/glamour) inside a viewport bubble.
|
||||||
|
|
||||||
<a href="./glamour/main.go">
|
<a href="./glamour/main.go">
|
||||||
<img width="750" src="https://stuff.charm.sh/bubbletea-examples/glamour.gif" />
|
<img width="750" src="./glamour/glamour.gif" />
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
### Help
|
### Help
|
||||||
|
@ -76,7 +76,7 @@ The `help` example shows how to use the `help` bubble to display help to the
|
||||||
user of your application.
|
user of your application.
|
||||||
|
|
||||||
<a href="./help/main.go">
|
<a href="./help/main.go">
|
||||||
<img width="750" src="https://stuff.charm.sh/bubbletea-examples/help.gif" />
|
<img width="750" src="./help/help.gif" />
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
### Http
|
### Http
|
||||||
|
@ -85,7 +85,7 @@ The `http` example shows how to make an `http` call within your Bubble Tea
|
||||||
application.
|
application.
|
||||||
|
|
||||||
<a href="./http/main.go">
|
<a href="./http/main.go">
|
||||||
<img width="750" src="https://stuff.charm.sh/bubbletea-examples/http.gif" />
|
<img width="750" src="./http/http.gif" />
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
### Default List
|
### Default List
|
||||||
|
@ -93,7 +93,7 @@ application.
|
||||||
The `list-default` example shows how to use the list bubble.
|
The `list-default` example shows how to use the list bubble.
|
||||||
|
|
||||||
<a href="./list-default/main.go">
|
<a href="./list-default/main.go">
|
||||||
<img width="750" src="https://stuff.charm.sh/bubbletea-examples/list-default.gif" />
|
<img width="750" src="./list-default/list-default.gif" />
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
### Fancy List
|
### Fancy List
|
||||||
|
@ -101,7 +101,7 @@ The `list-default` example shows how to use the list bubble.
|
||||||
The `list-fancy` example shows how to use the list bubble with extra customizations.
|
The `list-fancy` example shows how to use the list bubble with extra customizations.
|
||||||
|
|
||||||
<a href="./list-fancy/main.go">
|
<a href="./list-fancy/main.go">
|
||||||
<img width="750" src="https://stuff.charm.sh/bubbletea-examples/list-fancy.gif" />
|
<img width="750" src="./list-fancy/list-fancy.gif" />
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
### Simple List
|
### Simple List
|
||||||
|
@ -109,7 +109,7 @@ The `list-fancy` example shows how to use the list bubble with extra customizati
|
||||||
The `list-simple` example shows how to use the list and customize it to have a simpler, more compact, appearance.
|
The `list-simple` example shows how to use the list and customize it to have a simpler, more compact, appearance.
|
||||||
|
|
||||||
<a href="./list-simple/main.go">
|
<a href="./list-simple/main.go">
|
||||||
<img width="750" src="https://stuff.charm.sh/bubbletea-examples/list-simple.gif" />
|
<img width="750" src="./list-simple/list-simple.gif" />
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
### Mouse
|
### Mouse
|
||||||
|
@ -127,7 +127,7 @@ The `package-manager` example shows how to build an interface for a package
|
||||||
manager using the `tea.Println` feature.
|
manager using the `tea.Println` feature.
|
||||||
|
|
||||||
<a href="./package-manager/main.go">
|
<a href="./package-manager/main.go">
|
||||||
<img width="750" src="https://stuff.charm.sh/bubbletea-examples/package-manager.gif" />
|
<img width="750" src="./package-manager/package-manager.gif" />
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
### Pager
|
### Pager
|
||||||
|
@ -136,7 +136,7 @@ The `pager` example shows how to build a simple pager application similar to
|
||||||
`less`.
|
`less`.
|
||||||
|
|
||||||
<a href="./pager/main.go">
|
<a href="./pager/main.go">
|
||||||
<img width="750" src="https://stuff.charm.sh/bubbletea-examples/pager.gif" />
|
<img width="750" src="./pager/pager.gif" />
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
### Paginator
|
### Paginator
|
||||||
|
@ -144,7 +144,7 @@ The `pager` example shows how to build a simple pager application similar to
|
||||||
The `paginator` example shows how to build a simple paginated list.
|
The `paginator` example shows how to build a simple paginated list.
|
||||||
|
|
||||||
<a href="./paginator/main.go">
|
<a href="./paginator/main.go">
|
||||||
<img width="750" src="https://stuff.charm.sh/bubbletea-examples/paginator.gif" />
|
<img width="750" src="./paginator/paginator.gif" />
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
### Pipe
|
### Pipe
|
||||||
|
@ -153,7 +153,7 @@ The `pipe` example demonstrates using shell pipes to communicate with Bubble
|
||||||
Tea applications.
|
Tea applications.
|
||||||
|
|
||||||
<a href="./pipe/main.go">
|
<a href="./pipe/main.go">
|
||||||
<img width="750" src="https://stuff.charm.sh/bubbletea-examples/pipe.gif" />
|
<img width="750" src="./pipe/pipe.gif" />
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
### Animated Progress
|
### Animated Progress
|
||||||
|
@ -162,7 +162,7 @@ The `progress-animated` example shows how to build a progress bar with an
|
||||||
animated progression.
|
animated progression.
|
||||||
|
|
||||||
<a href="./progress-animated/main.go">
|
<a href="./progress-animated/main.go">
|
||||||
<img width="750" src="https://stuff.charm.sh/bubbletea-examples/progress-animated.gif" />
|
<img width="750" src="./progress-animated/progress-animated.gif" />
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
### Download Progress
|
### Download Progress
|
||||||
|
@ -180,7 +180,7 @@ The `progress-static` example shows a progress bar with static incrementation
|
||||||
of progress.
|
of progress.
|
||||||
|
|
||||||
<a href="./progress-static/main.go">
|
<a href="./progress-static/main.go">
|
||||||
<img width="750" src="https://stuff.charm.sh/bubbletea-examples/progress-static.gif" />
|
<img width="750" src="./progress-static/progress-static.gif" />
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
### Real Time
|
### Real Time
|
||||||
|
@ -189,7 +189,7 @@ The `realtime` example demonstrates the use of go channels to perform realtime
|
||||||
communication with a Bubble Tea application.
|
communication with a Bubble Tea application.
|
||||||
|
|
||||||
<a href="./realtime/main.go">
|
<a href="./realtime/main.go">
|
||||||
<img width="750" src="https://stuff.charm.sh/bubbletea-examples/realtime.gif" />
|
<img width="750" src="./realtime/realtime.gif" />
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
### Result
|
### Result
|
||||||
|
@ -197,7 +197,7 @@ communication with a Bubble Tea application.
|
||||||
The `result` example shows a choice menu with the ability to select an option.
|
The `result` example shows a choice menu with the ability to select an option.
|
||||||
|
|
||||||
<a href="./result/main.go">
|
<a href="./result/main.go">
|
||||||
<img width="750" src="https://stuff.charm.sh/bubbletea-examples/result.gif" />
|
<img width="750" src="./result/result.gif" />
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
### Send Msg
|
### Send Msg
|
||||||
|
@ -205,7 +205,7 @@ The `result` example shows a choice menu with the ability to select an option.
|
||||||
The `send-msg` example demonstrates the usage of custom `tea.Msg`s.
|
The `send-msg` example demonstrates the usage of custom `tea.Msg`s.
|
||||||
|
|
||||||
<a href="./send-msg/main.go">
|
<a href="./send-msg/main.go">
|
||||||
<img width="750" src="https://stuff.charm.sh/bubbletea-examples/send-msg.gif" />
|
<img width="750" src="./send-msg/send-msg.gif" />
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
### Sequence
|
### Sequence
|
||||||
|
@ -213,7 +213,7 @@ The `send-msg` example demonstrates the usage of custom `tea.Msg`s.
|
||||||
The `sequence` example demonstrates the `tea.Sequence` command.
|
The `sequence` example demonstrates the `tea.Sequence` command.
|
||||||
|
|
||||||
<a href="./sequence/main.go">
|
<a href="./sequence/main.go">
|
||||||
<img width="750" src="https://stuff.charm.sh/bubbletea-examples/sequence.gif" />
|
<img width="750" src="./sequence/sequence.gif" />
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
### Simple
|
### Simple
|
||||||
|
@ -221,7 +221,7 @@ The `sequence` example demonstrates the `tea.Sequence` command.
|
||||||
The `simple` example shows a very simple Bubble Tea application.
|
The `simple` example shows a very simple Bubble Tea application.
|
||||||
|
|
||||||
<a href="./simple/main.go">
|
<a href="./simple/main.go">
|
||||||
<img width="750" src="https://stuff.charm.sh/bubbletea-examples/simple.gif" />
|
<img width="750" src="./simple/simple.gif" />
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
### Spinner
|
### Spinner
|
||||||
|
@ -229,7 +229,7 @@ The `simple` example shows a very simple Bubble Tea application.
|
||||||
The `spinner` example demonstrates a spinner bubble being used to indicate loading.
|
The `spinner` example demonstrates a spinner bubble being used to indicate loading.
|
||||||
|
|
||||||
<a href="./spinner/main.go">
|
<a href="./spinner/main.go">
|
||||||
<img width="750" src="https://stuff.charm.sh/bubbletea-examples/spinner.gif" />
|
<img width="750" src="./spinner/spinner.gif" />
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
### Spinners
|
### Spinners
|
||||||
|
@ -237,7 +237,7 @@ The `spinner` example demonstrates a spinner bubble being used to indicate loadi
|
||||||
The `spinner` example shows various spinner types that are available.
|
The `spinner` example shows various spinner types that are available.
|
||||||
|
|
||||||
<a href="./spinners/main.go">
|
<a href="./spinners/main.go">
|
||||||
<img width="750" src="https://stuff.charm.sh/bubbletea-examples/spinners.gif" />
|
<img width="750" src="./spinners/spinners.gif" />
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
### Split Editors
|
### Split Editors
|
||||||
|
@ -246,7 +246,7 @@ The `split-editors` example shows multiple `textarea`s being used in a single
|
||||||
application and being able to switch focus between them.
|
application and being able to switch focus between them.
|
||||||
|
|
||||||
<a href="./split-editors/main.go">
|
<a href="./split-editors/main.go">
|
||||||
<img width="750" src="https://stuff.charm.sh/bubbletea-examples/split-editors.gif" />
|
<img width="750" src="./split-editors/split-editors.gif" />
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
### Stop Watch
|
### Stop Watch
|
||||||
|
@ -254,7 +254,7 @@ application and being able to switch focus between them.
|
||||||
The `stopwatch` example shows a sample stop watch built with Bubble Tea.
|
The `stopwatch` example shows a sample stop watch built with Bubble Tea.
|
||||||
|
|
||||||
<a href="./stopwatch/main.go">
|
<a href="./stopwatch/main.go">
|
||||||
<img width="750" src="https://stuff.charm.sh/bubbletea-examples/stopwatch.gif" />
|
<img width="750" src="./stopwatch/stopwatch.gif" />
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
### Table
|
### Table
|
||||||
|
@ -263,7 +263,7 @@ The `table` example demonstrates the table bubble being used to display tabular
|
||||||
data.
|
data.
|
||||||
|
|
||||||
<a href="./table/main.go">
|
<a href="./table/main.go">
|
||||||
<img width="750" src="https://stuff.charm.sh/bubbletea-examples/table.gif" />
|
<img width="750" src="./table/table.gif" />
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
### Tabs
|
### Tabs
|
||||||
|
@ -271,7 +271,7 @@ data.
|
||||||
The `tabs` example demonstrates tabbed navigation styled with [Lip Gloss](https://github.com/charmbracelet/lipgloss).
|
The `tabs` example demonstrates tabbed navigation styled with [Lip Gloss](https://github.com/charmbracelet/lipgloss).
|
||||||
|
|
||||||
<a href="./tabs/main.go">
|
<a href="./tabs/main.go">
|
||||||
<img width="750" src="https://stuff.charm.sh/bubbletea-examples/tabs.gif" />
|
<img width="750" src="./tabs/tabs.gif" />
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
### Text Area
|
### Text Area
|
||||||
|
@ -280,7 +280,7 @@ The `textarea` example demonstrates a simple Bubble Tea application using a
|
||||||
`textarea` bubble.
|
`textarea` bubble.
|
||||||
|
|
||||||
<a href="./textarea/main.go">
|
<a href="./textarea/main.go">
|
||||||
<img width="750" src="https://stuff.charm.sh/bubbletea-examples/textarea.gif" />
|
<img width="750" src="./textarea/textarea.gif" />
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
### Text Input
|
### Text Input
|
||||||
|
@ -288,7 +288,7 @@ The `textarea` example demonstrates a simple Bubble Tea application using a
|
||||||
The `textinput` example demonstrates a simple Bubble Tea application using a `textinput` bubble.
|
The `textinput` example demonstrates a simple Bubble Tea application using a `textinput` bubble.
|
||||||
|
|
||||||
<a href="./textinput/main.go">
|
<a href="./textinput/main.go">
|
||||||
<img width="750" src="https://stuff.charm.sh/bubbletea-examples/textinput.gif" />
|
<img width="750" src="./textinput/textinput.gif" />
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
### Multiple Text Inputs
|
### Multiple Text Inputs
|
||||||
|
@ -297,7 +297,7 @@ The `textinputs` example shows multiple `textinputs` and being able to switch
|
||||||
focus between them as well as changing the cursor mode.
|
focus between them as well as changing the cursor mode.
|
||||||
|
|
||||||
<a href="./textinputs/main.go">
|
<a href="./textinputs/main.go">
|
||||||
<img width="750" src="https://stuff.charm.sh/bubbletea-examples/textinputs.gif" />
|
<img width="750" src="./textinputs/textinputs.gif" />
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
### Timer
|
### Timer
|
||||||
|
@ -305,7 +305,7 @@ focus between them as well as changing the cursor mode.
|
||||||
The `timer` example shows a simple timer built with Bubble Tea.
|
The `timer` example shows a simple timer built with Bubble Tea.
|
||||||
|
|
||||||
<a href="./timer/main.go">
|
<a href="./timer/main.go">
|
||||||
<img width="750" src="https://stuff.charm.sh/bubbletea-examples/timer.gif" />
|
<img width="750" src="./timer/timer.gif" />
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
### TUI Daemon
|
### TUI Daemon
|
||||||
|
@ -314,7 +314,7 @@ The `tui-daemon-combo` demonstrates building a text-user interface along with a
|
||||||
daemon mode using Bubble Tea.
|
daemon mode using Bubble Tea.
|
||||||
|
|
||||||
<a href="./tui-daemon-combo/main.go">
|
<a href="./tui-daemon-combo/main.go">
|
||||||
<img width="750" src="https://stuff.charm.sh/bubbletea-examples/tui-daemon-combo.gif" />
|
<img width="750" src="./tui-daemon-combo/tui-daemon-combo.gif" />
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
### Views
|
### Views
|
||||||
|
@ -323,6 +323,6 @@ The `views` example demonstrates how to build a Bubble Tea application with
|
||||||
multiple views and switch between them.
|
multiple views and switch between them.
|
||||||
|
|
||||||
<a href="./views/main.go">
|
<a href="./views/main.go">
|
||||||
<img width="750" src="https://stuff.charm.sh/bubbletea-examples/views.gif" />
|
<img width="750" src="./views/views.gif" />
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
|
|
|
@ -1,3 +1,3 @@
|
||||||
# Alt Screen Toggle
|
# Alt Screen Toggle
|
||||||
|
|
||||||
<img width="800" src="https://stuff.charm.sh/bubbletea-examples/altscreen-toggle.gif" />
|
<img width="800" src="./altscreen-toggle.gif" />
|
||||||
|
|
After Width: | Height: | Size: 50 KiB |
|
@ -1,3 +1,3 @@
|
||||||
# Chat
|
# Chat
|
||||||
|
|
||||||
<img width="800" src="https://stuff.charm.sh/bubbletea-examples/chat.gif" />
|
<img width="800" src="./chat.gif" />
|
||||||
|
|
After Width: | Height: | Size: 29 KiB |
|
@ -1,3 +1,3 @@
|
||||||
# Composable Views
|
# Composable Views
|
||||||
|
|
||||||
<img width="800" src="https://stuff.charm.sh/bubbletea-examples/composable-views.gif" />
|
<img width="800" src="./composable-views.gif" />
|
||||||
|
|
After Width: | Height: | Size: 49 KiB |
|
@ -1,3 +1,3 @@
|
||||||
# Credit Card Form
|
# Credit Card Form
|
||||||
|
|
||||||
<img width="800" src="https://stuff.charm.sh/bubbletea-examples/credit-card-form.gif" />
|
<img width="800" src="./credit-card-form.gif" />
|
||||||
|
|
After Width: | Height: | Size: 26 KiB |
|
@ -1,3 +1,3 @@
|
||||||
# Debounce
|
# Debounce
|
||||||
|
|
||||||
<img width="800" src="https://stuff.charm.sh/bubbletea-examples/debounce.gif" />
|
<img width="800" src="./debounce.gif" />
|
||||||
|
|
After Width: | Height: | Size: 21 KiB |
|
@ -1,3 +1,3 @@
|
||||||
# Exec
|
# Exec
|
||||||
|
|
||||||
<img width="800" src="https://stuff.charm.sh/bubbletea-examples/exec.gif" />
|
<img width="800" src="./exec.gif" />
|
||||||
|
|
After Width: | Height: | Size: 95 KiB |
|
@ -1,3 +1,3 @@
|
||||||
# Full Screen
|
# Full Screen
|
||||||
|
|
||||||
<img width="800" src="https://stuff.charm.sh/bubbletea-examples/fullscreen.gif" />
|
<img width="800" src="./fullscreen.gif" />
|
||||||
|
|
After Width: | Height: | Size: 19 KiB |
|
@ -1,3 +1,3 @@
|
||||||
# Glamour
|
# Glamour
|
||||||
|
|
||||||
<img width="800" src="https://stuff.charm.sh/bubbletea-examples/glamour.gif" />
|
<img width="800" src="./glamour.gif" />
|
||||||
|
|
After Width: | Height: | Size: 267 KiB |
|
@ -1,3 +1,3 @@
|
||||||
# Help
|
# Help
|
||||||
|
|
||||||
<img width="800" src="https://stuff.charm.sh/bubbletea-examples/help.gif" />
|
<img width="800" src="./help.gif" />
|
||||||
|
|
After Width: | Height: | Size: 30 KiB |
|
@ -1,3 +1,3 @@
|
||||||
# HTTP
|
# HTTP
|
||||||
|
|
||||||
<img width="800" src="https://stuff.charm.sh/bubbletea-examples/http.gif" />
|
<img width="800" src="./http.gif" />
|
||||||
|
|
After Width: | Height: | Size: 11 KiB |
|
@ -1,3 +1,3 @@
|
||||||
# Default List
|
# Default List
|
||||||
|
|
||||||
<img width="800" src="https://stuff.charm.sh/bubbletea-examples/list-default.gif" />
|
<img width="800" src="./list-default.gif" />
|
||||||
|
|
After Width: | Height: | Size: 123 KiB |
|
@ -1,3 +1,3 @@
|
||||||
# Fancy List
|
# Fancy List
|
||||||
|
|
||||||
<img width="800" src="https://stuff.charm.sh/bubbletea-examples/list-fancy.gif" />
|
<img width="800" src="./list-fancy.gif" />
|
||||||
|
|
After Width: | Height: | Size: 67 KiB |
|
@ -1,3 +1,3 @@
|
||||||
# Simple List
|
# Simple List
|
||||||
|
|
||||||
<img width="800" src="https://stuff.charm.sh/bubbletea-examples/list-simple.gif" />
|
<img width="800" src="./list-simple.gif" />
|
||||||
|
|
After Width: | Height: | Size: 32 KiB |
|
@ -1,3 +1,3 @@
|
||||||
# Mouse
|
# Mouse
|
||||||
|
|
||||||
<img width="800" src="https://stuff.charm.sh/bubbletea-examples/mouse.gif" />
|
<img width="800" src="./mouse.gif" />
|
||||||
|
|
|
@ -1,3 +1,3 @@
|
||||||
# Package Manager
|
# Package Manager
|
||||||
|
|
||||||
<img width="800" src="https://stuff.charm.sh/bubbletea-examples/package-manager.gif" />
|
<img width="800" src="./package-manager.gif" />
|
||||||
|
|
After Width: | Height: | Size: 435 KiB |
|
@ -1,3 +1,3 @@
|
||||||
# Pager
|
# Pager
|
||||||
|
|
||||||
<img width="800" src="https://stuff.charm.sh/bubbletea-examples/pager.gif" />
|
<img width="800" src="./pager.gif" />
|
||||||
|
|
After Width: | Height: | Size: 394 KiB |
|
@ -1,3 +1,3 @@
|
||||||
# Paginator
|
# Paginator
|
||||||
|
|
||||||
<img width="800" src="https://stuff.charm.sh/bubbletea-examples/paginator.gif" />
|
<img width="800" src="./paginator.gif" />
|
||||||
|
|
After Width: | Height: | Size: 32 KiB |
|
@ -1,3 +1,3 @@
|
||||||
# Pipe
|
# Pipe
|
||||||
|
|
||||||
<img width="800" src="https://stuff.charm.sh/bubbletea-examples/pipe.gif" />
|
<img width="800" src="./pipe.gif" />
|
||||||
|
|
After Width: | Height: | Size: 17 KiB |
|
@ -1,3 +1,3 @@
|
||||||
# Animated Progress
|
# Animated Progress
|
||||||
|
|
||||||
<img width="800" src="https://stuff.charm.sh/bubbletea-examples/progress-animated.gif" />
|
<img width="800" src="./progress-animated.gif" />
|
||||||
|
|
After Width: | Height: | Size: 28 KiB |
|
@ -1,3 +1,3 @@
|
||||||
# Static Progress
|
# Static Progress
|
||||||
|
|
||||||
<img width="800" src="https://stuff.charm.sh/bubbletea-examples/progress-static.gif" />
|
<img width="800" src="./progress-static.gif" />
|
||||||
|
|
After Width: | Height: | Size: 26 KiB |
|
@ -1,3 +1,3 @@
|
||||||
# Real Time
|
# Real Time
|
||||||
|
|
||||||
<img width="800" src="https://stuff.charm.sh/bubbletea-examples/realtime.gif" />
|
<img width="800" src="./realtime.gif" />
|
||||||
|
|
After Width: | Height: | Size: 21 KiB |
|
@ -1,3 +1,3 @@
|
||||||
# Result
|
# Result
|
||||||
|
|
||||||
<img width="800" src="https://stuff.charm.sh/bubbletea-examples/result.gif" />
|
<img width="800" src="./result.gif" />
|
||||||
|
|
After Width: | Height: | Size: 19 KiB |
|
@ -1,3 +1,3 @@
|
||||||
# Send Msg
|
# Send Msg
|
||||||
|
|
||||||
<img width="800" src="https://stuff.charm.sh/bubbletea-examples/send-msg.gif" />
|
<img width="800" src="./send-msg.gif" />
|
||||||
|
|
After Width: | Height: | Size: 92 KiB |
|
@ -1,3 +1,3 @@
|
||||||
# Sequence
|
# Sequence
|
||||||
|
|
||||||
<img width="800" src="https://stuff.charm.sh/bubbletea-examples/sequence.gif" />
|
<img width="800" src="./sequence.gif" />
|
||||||
|
|
After Width: | Height: | Size: 9.1 KiB |
|
@ -1,3 +1,3 @@
|
||||||
# Simple
|
# Simple
|
||||||
|
|
||||||
<img width="800" src="https://stuff.charm.sh/bubbletea-examples/simple.gif" />
|
<img width="800" src="./simple.gif" />
|
||||||
|
|
After Width: | Height: | Size: 17 KiB |
|
@ -1,3 +1,3 @@
|
||||||
# Spinner
|
# Spinner
|
||||||
|
|
||||||
<img width="800" src="https://stuff.charm.sh/bubbletea-examples/spinner.gif" />
|
<img width="800" src="./spinner.gif" />
|
||||||
|
|
After Width: | Height: | Size: 16 KiB |
|
@ -1,3 +1,3 @@
|
||||||
# Spinners
|
# Spinners
|
||||||
|
|
||||||
<img width="800" src="https://stuff.charm.sh/bubbletea-examples/spinners.gif" />
|
<img width="800" src="./spinners.gif" />
|
||||||
|
|
After Width: | Height: | Size: 30 KiB |
|
@ -1,3 +1,3 @@
|
||||||
# Split Editors
|
# Split Editors
|
||||||
|
|
||||||
<img width="800" src="https://stuff.charm.sh/bubbletea-examples/split-editors.gif" />
|
<img width="800" src="./split-editors.gif" />
|
||||||
|
|
After Width: | Height: | Size: 77 KiB |
|
@ -1,3 +1,3 @@
|
||||||
# Stopwatch
|
# Stopwatch
|
||||||
|
|
||||||
<img width="800" src="https://stuff.charm.sh/bubbletea-examples/stopwatch.gif" />
|
<img width="800" src="./stopwatch.gif" />
|
||||||
|
|
After Width: | Height: | Size: 56 KiB |
|
@ -1,3 +1,3 @@
|
||||||
# Table
|
# Table
|
||||||
|
|
||||||
<img width="800" src="https://stuff.charm.sh/bubbletea-examples/table.gif" />
|
<img width="800" src="./table.gif" />
|
||||||
|
|
After Width: | Height: | Size: 52 KiB |
|
@ -1,3 +1,3 @@
|
||||||
# Tabs
|
# Tabs
|
||||||
|
|
||||||
<img width="800" src="https://stuff.charm.sh/bubbletea-examples/tabs.gif" />
|
<img width="800" src="./tabs.gif" />
|
||||||
|
|
After Width: | Height: | Size: 35 KiB |
|
@ -1,3 +1,3 @@
|
||||||
# Text Area
|
# Text Area
|
||||||
|
|
||||||
<img width="800" src="https://stuff.charm.sh/bubbletea-examples/textarea.gif" />
|
<img width="800" src="./textarea.gif" />
|
||||||
|
|
After Width: | Height: | Size: 37 KiB |
|
@ -1,3 +1,3 @@
|
||||||
# Text Input
|
# Text Input
|
||||||
|
|
||||||
<img width="800" src="https://stuff.charm.sh/bubbletea-examples/textinput.gif" />
|
<img width="800" src="./textinput.gif" />
|
||||||
|
|
After Width: | Height: | Size: 21 KiB |
|
@ -1,3 +1,3 @@
|
||||||
# Text Inputs
|
# Text Inputs
|
||||||
|
|
||||||
<img width="800" src="https://stuff.charm.sh/bubbletea-examples/textinputs.gif" />
|
<img width="800" src="./textinputs.gif" />
|
||||||
|
|
After Width: | Height: | Size: 30 KiB |
|
@ -1,3 +1,3 @@
|
||||||
# Timer
|
# Timer
|
||||||
|
|
||||||
<img width="800" src="https://stuff.charm.sh/bubbletea-examples/timer.gif" />
|
<img width="800" src="./timer.gif" />
|
||||||
|
|
After Width: | Height: | Size: 46 KiB |
|
@ -1,3 +1,3 @@
|
||||||
# TUI Daemon
|
# TUI Daemon
|
||||||
|
|
||||||
<img width="800" src="https://stuff.charm.sh/bubbletea-examples/tui-daemon-combo.gif" />
|
<img width="800" src="./tui-daemon-combo.gif" />
|
||||||
|
|
After Width: | Height: | Size: 72 KiB |
|
@ -1,3 +1,3 @@
|
||||||
# Views
|
# Views
|
||||||
|
|
||||||
<img width="800" src="https://stuff.charm.sh/bubbletea-examples/views.gif" />
|
<img width="800" src="./views.gif" />
|
||||||
|
|
After Width: | Height: | Size: 60 KiB |