docs: add examples/gifs locally to repository

This commit is contained in:
Maas Lalani 2022-10-03 14:44:21 -04:00
parent 08518987f5
commit d20732aaea
74 changed files with 73 additions and 73 deletions

View File

@ -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.
<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>
### Chat
@ -15,7 +15,7 @@ The `chat` examples shows a basic chat application with a multi-line `textarea`
input.
<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>
### 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.
<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>
### 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.
<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>
### Debounce
@ -42,7 +42,7 @@ The `debounce` example shows how to throttle key presses to avoid overloading
your Bubble Tea application.
<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>
### 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`.
<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>
### 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.
<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>
### 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.
<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>
### Help
@ -76,7 +76,7 @@ The `help` example shows how to use the `help` bubble to display help to the
user of your application.
<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>
### Http
@ -85,7 +85,7 @@ The `http` example shows how to make an `http` call within your Bubble Tea
application.
<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>
### Default List
@ -93,7 +93,7 @@ application.
The `list-default` example shows how to use the list bubble.
<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>
### 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.
<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>
### 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.
<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>
### Mouse
@ -127,7 +127,7 @@ The `package-manager` example shows how to build an interface for a package
manager using the `tea.Println` feature.
<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>
### Pager
@ -136,7 +136,7 @@ The `pager` example shows how to build a simple pager application similar to
`less`.
<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>
### 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.
<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>
### Pipe
@ -153,7 +153,7 @@ The `pipe` example demonstrates using shell pipes to communicate with Bubble
Tea applications.
<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>
### Animated Progress
@ -162,7 +162,7 @@ The `progress-animated` example shows how to build a progress bar with an
animated progression.
<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>
### Download Progress
@ -180,7 +180,7 @@ The `progress-static` example shows a progress bar with static incrementation
of progress.
<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>
### Real Time
@ -189,7 +189,7 @@ The `realtime` example demonstrates the use of go channels to perform realtime
communication with a Bubble Tea application.
<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>
### 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.
<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>
### 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.
<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>
### 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.
<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>
### Simple
@ -221,7 +221,7 @@ The `sequence` example demonstrates the `tea.Sequence` command.
The `simple` example shows a very simple Bubble Tea application.
<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>
### 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.
<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>
### 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.
<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>
### 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.
<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>
### 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.
<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>
### Table
@ -263,7 +263,7 @@ The `table` example demonstrates the table bubble being used to display tabular
data.
<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>
### Tabs
@ -271,7 +271,7 @@ data.
The `tabs` example demonstrates tabbed navigation styled with [Lip Gloss](https://github.com/charmbracelet/lipgloss).
<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>
### Text Area
@ -280,7 +280,7 @@ The `textarea` example demonstrates a simple Bubble Tea application using a
`textarea` bubble.
<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>
### 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.
<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>
### 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.
<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>
### 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.
<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>
### TUI Daemon
@ -314,7 +314,7 @@ The `tui-daemon-combo` demonstrates building a text-user interface along with a
daemon mode using Bubble Tea.
<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>
### Views
@ -323,6 +323,6 @@ The `views` example demonstrates how to build a Bubble Tea application with
multiple views and switch between them.
<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>

View File

@ -1,3 +1,3 @@
# Alt Screen Toggle
<img width="800" src="https://stuff.charm.sh/bubbletea-examples/altscreen-toggle.gif" />
<img width="800" src="./altscreen-toggle.gif" />

Binary file not shown.

After

Width:  |  Height:  |  Size: 50 KiB

View File

@ -1,3 +1,3 @@
# Chat
<img width="800" src="https://stuff.charm.sh/bubbletea-examples/chat.gif" />
<img width="800" src="./chat.gif" />

BIN
examples/chat/chat.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 29 KiB

View File

@ -1,3 +1,3 @@
# Composable Views
<img width="800" src="https://stuff.charm.sh/bubbletea-examples/composable-views.gif" />
<img width="800" src="./composable-views.gif" />

Binary file not shown.

After

Width:  |  Height:  |  Size: 49 KiB

View File

@ -1,3 +1,3 @@
# 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" />

Binary file not shown.

After

Width:  |  Height:  |  Size: 26 KiB

View File

@ -1,3 +1,3 @@
# Debounce
<img width="800" src="https://stuff.charm.sh/bubbletea-examples/debounce.gif" />
<img width="800" src="./debounce.gif" />

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

View File

@ -1,3 +1,3 @@
# Exec
<img width="800" src="https://stuff.charm.sh/bubbletea-examples/exec.gif" />
<img width="800" src="./exec.gif" />

BIN
examples/exec/exec.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 95 KiB

View File

@ -1,3 +1,3 @@
# Full Screen
<img width="800" src="https://stuff.charm.sh/bubbletea-examples/fullscreen.gif" />
<img width="800" src="./fullscreen.gif" />

Binary file not shown.

After

Width:  |  Height:  |  Size: 19 KiB

View File

@ -1,3 +1,3 @@
# Glamour
<img width="800" src="https://stuff.charm.sh/bubbletea-examples/glamour.gif" />
<img width="800" src="./glamour.gif" />

Binary file not shown.

After

Width:  |  Height:  |  Size: 267 KiB

View File

@ -1,3 +1,3 @@
# Help
<img width="800" src="https://stuff.charm.sh/bubbletea-examples/help.gif" />
<img width="800" src="./help.gif" />

BIN
examples/help/help.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 30 KiB

View File

@ -1,3 +1,3 @@
# HTTP
<img width="800" src="https://stuff.charm.sh/bubbletea-examples/http.gif" />
<img width="800" src="./http.gif" />

BIN
examples/http/http.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

View File

@ -1,3 +1,3 @@
# Default List
<img width="800" src="https://stuff.charm.sh/bubbletea-examples/list-default.gif" />
<img width="800" src="./list-default.gif" />

Binary file not shown.

After

Width:  |  Height:  |  Size: 123 KiB

View File

@ -1,3 +1,3 @@
# Fancy List
<img width="800" src="https://stuff.charm.sh/bubbletea-examples/list-fancy.gif" />
<img width="800" src="./list-fancy.gif" />

Binary file not shown.

After

Width:  |  Height:  |  Size: 67 KiB

View File

@ -1,3 +1,3 @@
# Simple List
<img width="800" src="https://stuff.charm.sh/bubbletea-examples/list-simple.gif" />
<img width="800" src="./list-simple.gif" />

Binary file not shown.

After

Width:  |  Height:  |  Size: 32 KiB

View File

@ -1,3 +1,3 @@
# Mouse
<img width="800" src="https://stuff.charm.sh/bubbletea-examples/mouse.gif" />
<img width="800" src="./mouse.gif" />

View File

@ -1,3 +1,3 @@
# Package Manager
<img width="800" src="https://stuff.charm.sh/bubbletea-examples/package-manager.gif" />
<img width="800" src="./package-manager.gif" />

Binary file not shown.

After

Width:  |  Height:  |  Size: 435 KiB

View File

@ -1,3 +1,3 @@
# Pager
<img width="800" src="https://stuff.charm.sh/bubbletea-examples/pager.gif" />
<img width="800" src="./pager.gif" />

BIN
examples/pager/pager.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 394 KiB

View File

@ -1,3 +1,3 @@
# Paginator
<img width="800" src="https://stuff.charm.sh/bubbletea-examples/paginator.gif" />
<img width="800" src="./paginator.gif" />

Binary file not shown.

After

Width:  |  Height:  |  Size: 32 KiB

View File

@ -1,3 +1,3 @@
# Pipe
<img width="800" src="https://stuff.charm.sh/bubbletea-examples/pipe.gif" />
<img width="800" src="./pipe.gif" />

BIN
examples/pipe/pipe.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

View File

@ -1,3 +1,3 @@
# Animated Progress
<img width="800" src="https://stuff.charm.sh/bubbletea-examples/progress-animated.gif" />
<img width="800" src="./progress-animated.gif" />

Binary file not shown.

After

Width:  |  Height:  |  Size: 28 KiB

View File

@ -1,3 +1,3 @@
# Static Progress
<img width="800" src="https://stuff.charm.sh/bubbletea-examples/progress-static.gif" />
<img width="800" src="./progress-static.gif" />

Binary file not shown.

After

Width:  |  Height:  |  Size: 26 KiB

View File

@ -1,3 +1,3 @@
# Real Time
<img width="800" src="https://stuff.charm.sh/bubbletea-examples/realtime.gif" />
<img width="800" src="./realtime.gif" />

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

View File

@ -1,3 +1,3 @@
# Result
<img width="800" src="https://stuff.charm.sh/bubbletea-examples/result.gif" />
<img width="800" src="./result.gif" />

BIN
examples/result/result.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 19 KiB

View File

@ -1,3 +1,3 @@
# Send Msg
<img width="800" src="https://stuff.charm.sh/bubbletea-examples/send-msg.gif" />
<img width="800" src="./send-msg.gif" />

Binary file not shown.

After

Width:  |  Height:  |  Size: 92 KiB

View File

@ -1,3 +1,3 @@
# Sequence
<img width="800" src="https://stuff.charm.sh/bubbletea-examples/sequence.gif" />
<img width="800" src="./sequence.gif" />

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.1 KiB

View File

@ -1,3 +1,3 @@
# Simple
<img width="800" src="https://stuff.charm.sh/bubbletea-examples/simple.gif" />
<img width="800" src="./simple.gif" />

BIN
examples/simple/simple.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

View File

@ -1,3 +1,3 @@
# Spinner
<img width="800" src="https://stuff.charm.sh/bubbletea-examples/spinner.gif" />
<img width="800" src="./spinner.gif" />

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

View File

@ -1,3 +1,3 @@
# Spinners
<img width="800" src="https://stuff.charm.sh/bubbletea-examples/spinners.gif" />
<img width="800" src="./spinners.gif" />

Binary file not shown.

After

Width:  |  Height:  |  Size: 30 KiB

View File

@ -1,3 +1,3 @@
# Split Editors
<img width="800" src="https://stuff.charm.sh/bubbletea-examples/split-editors.gif" />
<img width="800" src="./split-editors.gif" />

Binary file not shown.

After

Width:  |  Height:  |  Size: 77 KiB

View File

@ -1,3 +1,3 @@
# Stopwatch
<img width="800" src="https://stuff.charm.sh/bubbletea-examples/stopwatch.gif" />
<img width="800" src="./stopwatch.gif" />

Binary file not shown.

After

Width:  |  Height:  |  Size: 56 KiB

View File

@ -1,3 +1,3 @@
# Table
<img width="800" src="https://stuff.charm.sh/bubbletea-examples/table.gif" />
<img width="800" src="./table.gif" />

BIN
examples/table/table.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 52 KiB

View File

@ -1,3 +1,3 @@
# Tabs
<img width="800" src="https://stuff.charm.sh/bubbletea-examples/tabs.gif" />
<img width="800" src="./tabs.gif" />

BIN
examples/tabs/tabs.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 35 KiB

View File

@ -1,3 +1,3 @@
# Text Area
<img width="800" src="https://stuff.charm.sh/bubbletea-examples/textarea.gif" />
<img width="800" src="./textarea.gif" />

Binary file not shown.

After

Width:  |  Height:  |  Size: 37 KiB

View File

@ -1,3 +1,3 @@
# Text Input
<img width="800" src="https://stuff.charm.sh/bubbletea-examples/textinput.gif" />
<img width="800" src="./textinput.gif" />

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

View File

@ -1,3 +1,3 @@
# Text Inputs
<img width="800" src="https://stuff.charm.sh/bubbletea-examples/textinputs.gif" />
<img width="800" src="./textinputs.gif" />

Binary file not shown.

After

Width:  |  Height:  |  Size: 30 KiB

View File

@ -1,3 +1,3 @@
# Timer
<img width="800" src="https://stuff.charm.sh/bubbletea-examples/timer.gif" />
<img width="800" src="./timer.gif" />

BIN
examples/timer/timer.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 46 KiB

View File

@ -1,3 +1,3 @@
# TUI Daemon
<img width="800" src="https://stuff.charm.sh/bubbletea-examples/tui-daemon-combo.gif" />
<img width="800" src="./tui-daemon-combo.gif" />

Binary file not shown.

After

Width:  |  Height:  |  Size: 72 KiB

View File

@ -1,3 +1,3 @@
# Views
<img width="800" src="https://stuff.charm.sh/bubbletea-examples/views.gif" />
<img width="800" src="./views.gif" />

BIN
examples/views/views.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 60 KiB