taigrr/bubbletea
1
0
Fork 0
mirror of https://github.com/taigrr/bubbletea.git synced 2026-04-17 10:35:28 -07:00
Code Issues Packages Projects Releases Wiki Activity

examples/README.md GIFs (#470)

Browse Source 
* docs(examples): Add `examples/README.md`

Adds `examples/README.md` with GIFs of examples

* docs(examples): Individual READMEs

* docs(examples): add short description to each example
This commit is contained in:
Maas Lalani
2022-10-03 12:06:18 -04:00
committed by GitHub
parent cd3f486ab5
commit 70576bc9e0
41 changed files with 454 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
examples/composable-views/README.md Normal file
View File

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

10
examples/composable-views/main.go
View File

@@ -44,10 +44,14 @@ var (
spinner.Monkey,
}
modelStyle = lipgloss.NewStyle().
Padding(1, 2).
Width(15).
Height(5).
Align(lipgloss.Center, lipgloss.Center).
BorderStyle(lipgloss.HiddenBorder())
focusedModelStyle = lipgloss.NewStyle().
Padding(1, 2).
Width(15).
Height(5).
Align(lipgloss.Center, lipgloss.Center).
BorderStyle(lipgloss.NormalBorder()).
BorderForeground(lipgloss.Color("69"))
spinnerStyle = lipgloss.NewStyle().Foreground(lipgloss.Color("69"))
@@ -124,7 +128,7 @@ func (m mainModel) View() string {
} else {
s += lipgloss.JoinHorizontal(lipgloss.Top, modelStyle.Render(fmt.Sprintf("%4s", m.timer.View())), focusedModelStyle.Render(m.spinner.View()))
}
s += helpStyle.Render(fmt.Sprintf("\ntab: change focused model • n: new %s • q: exit\n", model))
s += helpStyle.Render(fmt.Sprintf("\ntab: focus next • n: new %s • q: exit\n", model))
return s
}