feat: radio buttons (#6)

* feat: radio buttons

* feat: radio pillbox style

* feat: radio grouped style

* refactor: rearranging radio contents

* docs: add radio to README

* refactor: rename radio pillbox to pill

README.md

@@ -4,9 +4,21 @@
 
 bubbles is a collection of TUI elements for [Bubble Tea](https://github.com/charmbracelet/bubbletea) applications.
 
+## Radio
+
+![Simple radio button demo](assets/radio-simple.gif)
+
+![Grouped radio button demo](assets/radio-grouped.gif)
+
+`radio` simplifies the management of radio buttons, which may be presented vertically or horizontally.
+
+* [Example code, basic radio buttons](examples/radio/simple/main.go)
+* [Example code, pill-style buttons](examples/radio/pill/main.go)
+* [Example code, grouped buttons](examples/radio/resizeable/main.go)
+
 ## Tabs
 
-![Wraparound tab demo](assets/wraparound.gif)
+![Wraparound tab demo](assets/tabs-wraparound.gif)
 
 `tabs` is a remix on the [Bubble Tea tabs example](https://github.com/charmbracelet/bubbletea/tree/main/examples/tabs).
 It abstracts away the tab logic into a separate model and provides management of tab-content.

assets/radio-grouped.tape

@@ -0,0 +1,26 @@
+Set Shell zsh
+Set Height 650
+Sleep 1s
+Type "./radio-grouped"
+Enter
+Sleep 3s
+Right 1
+Sleep 800ms
+Right 1
+Sleep 900ms
+Right 1
+Sleep 1500ms
+Down 1
+Sleep 800ms
+Down 1
+Sleep 700ms
+Down 1
+Sleep 800ms
+Left 1
+Sleep 700ms
+Up 1
+Sleep 600ms
+Left 1
+Sleep 700ms
+Up 1
+Sleep 3s

assets/radio-pill.tape

@@ -0,0 +1,26 @@
+Set Shell zsh
+Set Height 750
+Sleep 1s
+Type "./radio-pill"
+Enter
+Sleep 3s
+Right 1
+Sleep 800ms
+Right 1
+Sleep 900ms
+Right 1
+Sleep 1500ms
+Down 1
+Sleep 800ms
+Down 1
+Sleep 700ms
+Down 1
+Sleep 800ms
+Left 1
+Sleep 700ms
+Up 1
+Sleep 600ms
+Left 1
+Sleep 700ms
+Up 1
+Sleep 3s

assets/radio-simple.tape

@@ -0,0 +1,25 @@
+Set Shell zsh
+Sleep 1s
+Type "./radio-simple"
+Enter
+Sleep 3s
+Right 1
+Sleep 800ms
+Right 1
+Sleep 900ms
+Right 1
+Sleep 1500ms
+Down 1
+Sleep 800ms
+Down 1
+Sleep 700ms
+Down 1
+Sleep 800ms
+Left 1
+Sleep 700ms
+Up 1
+Sleep 600ms
+Left 1
+Sleep 700ms
+Up 1
+Sleep 3s

assets/resizeable.tape → assets/tabs-resizeable.tape

@@ -1,6 +1,6 @@
 Set Shell zsh
 Sleep 1s
-Type "./demo"
+Type "./tabs-wraparound"
 Enter
 Sleep 3s
 Left 1

examples/radio/grouped/main.go

@@ -0,0 +1,75 @@
+package main
+
+import (
+	"fmt"
+	"os"
+
+	tea "github.com/charmbracelet/bubbletea"
+	gloss "github.com/charmbracelet/lipgloss"
+	"github.com/shawalli/bubbles/radio"
+)
+
+type Model struct {
+	vRadio radio.Model
+	hRadio radio.Model
+}
+
+func (m Model) Init() tea.Cmd { return nil }
+
+func (m Model) Update(msg tea.Msg) (tea.Model, tea.Cmd) {
+	switch msg := msg.(type) {
+	case tea.KeyMsg:
+		switch msg.String() {
+		case "esc", "q", "ctrl+c":
+			return m, tea.Quit
+		}
+	}
+
+	t, _ := m.hRadio.Update(msg)
+	m.hRadio = t.(radio.Model)
+
+	t, _ = m.vRadio.Update(msg)
+	m.vRadio = t.(radio.Model)
+
+	return m, nil
+}
+
+func (m Model) View() string {
+	return gloss.JoinVertical(
+		gloss.Top,
+		m.vRadio.View(),
+		m.hRadio.View(),
+	)
+}
+
+func main() {
+	vButtons := []tea.Model{
+		radio.NewButton(" 10% "),
+		radio.NewButton(" 15% "),
+		radio.NewButton(" 20% "),
+		radio.NewButton(" 22% "),
+		radio.NewButton(" 25% "),
+		radio.NewButton("None "),
+	}
+
+	hButtons := []tea.Model{
+		radio.NewButton(" Pay Cash  "),
+		radio.NewButton("Pay Credit "),
+		radio.NewButton(" PayBuddy  "),
+		radio.NewButton("   BNPL    "),
+	}
+
+	m := Model{
+		vRadio: radio.New(true, vButtons...).
+			Styles(radio.DefaultGroupedStyles(true)).
+			Wraparound(true),
+		hRadio: radio.New(false, hButtons...).
+			Styles(radio.DefaultGroupedStyles(false)).
+			Wraparound(true),
+	}
+
+	if _, err := tea.NewProgram(m).Run(); err != nil {
+		fmt.Printf("could not run program: %v", err)
+		os.Exit(1)
+	}
+}

examples/radio/pill/main.go

@@ -0,0 +1,71 @@
+package main
+
+import (
+	"fmt"
+	"os"
+
+	tea "github.com/charmbracelet/bubbletea"
+	gloss "github.com/charmbracelet/lipgloss"
+	"github.com/shawalli/bubbles/radio"
+)
+
+type Model struct {
+	vRadio radio.Model
+	hRadio radio.Model
+}
+
+func (m Model) Init() tea.Cmd { return nil }
+
+func (m Model) Update(msg tea.Msg) (tea.Model, tea.Cmd) {
+	switch msg := msg.(type) {
+	case tea.KeyMsg:
+		switch msg.String() {
+		case "esc", "q", "ctrl+c":
+			return m, tea.Quit
+		}
+	}
+
+	t, _ := m.hRadio.Update(msg)
+	m.hRadio = t.(radio.Model)
+
+	t, _ = m.vRadio.Update(msg)
+	m.vRadio = t.(radio.Model)
+
+	return m, nil
+}
+
+func (m Model) View() string {
+	return gloss.JoinVertical(
+		gloss.Top,
+		m.vRadio.View(),
+		m.hRadio.View(),
+	)
+}
+
+func main() {
+	vButtons := []tea.Model{
+		radio.NewButton(" 10% "),
+		radio.NewButton(" 15% "),
+		radio.NewButton(" 20% "),
+		radio.NewButton(" 22% "),
+		radio.NewButton(" 25% "),
+		radio.NewButton("None "),
+	}
+
+	hButtons := []tea.Model{
+		radio.NewButton(" Pay Cash  "),
+		radio.NewButton("Pay Credit "),
+		radio.NewButton(" PayBuddy  "),
+		radio.NewButton("   BNPL    "),
+	}
+
+	m := Model{
+		vRadio: radio.New(true, vButtons...).Styles(radio.DefaultPillStyles(true)),
+		hRadio: radio.New(false, hButtons...).Styles(radio.DefaultPillStyles(false)),
+	}
+
+	if _, err := tea.NewProgram(m).Run(); err != nil {
+		fmt.Printf("could not run program: %v", err)
+		os.Exit(1)
+	}
+}

examples/radio/simple/main.go

@@ -0,0 +1,71 @@
+package main
+
+import (
+	"fmt"
+	"os"
+
+	tea "github.com/charmbracelet/bubbletea"
+	gloss "github.com/charmbracelet/lipgloss"
+	"github.com/shawalli/bubbles/radio"
+)
+
+type Model struct {
+	vRadio radio.Model
+	hRadio radio.Model
+}
+
+func (m Model) Init() tea.Cmd { return nil }
+
+func (m Model) Update(msg tea.Msg) (tea.Model, tea.Cmd) {
+	switch msg := msg.(type) {
+	case tea.KeyMsg:
+		switch msg.String() {
+		case "esc", "q", "ctrl+c":
+			return m, tea.Quit
+		}
+	}
+
+	t, _ := m.hRadio.Update(msg)
+	m.hRadio = t.(radio.Model)
+
+	t, _ = m.vRadio.Update(msg)
+	m.vRadio = t.(radio.Model)
+
+	return m, nil
+}
+
+func (m Model) View() string {
+	return gloss.JoinVertical(
+		gloss.Top,
+		m.vRadio.View(),
+		m.hRadio.View(),
+	)
+}
+
+func main() {
+	vButtons := []tea.Model{
+		radio.NewButton("10%"),
+		radio.NewButton("15%"),
+		radio.NewButton("20%"),
+		radio.NewButton("22%"),
+		radio.NewButton("25%"),
+		radio.NewButton("None"),
+	}
+
+	hButtons := []tea.Model{
+		radio.NewButton("Pay Cash"),
+		radio.NewButton("Pay Credit"),
+		radio.NewButton("PayBuddy"),
+		radio.NewButton("BNPL"),
+	}
+
+	m := Model{
+		vRadio: radio.New(true, vButtons...),
+		hRadio: radio.New(false, hButtons...),
+	}
+
+	if _, err := tea.NewProgram(m).Run(); err != nil {
+		fmt.Printf("could not run program: %v", err)
+		os.Exit(1)
+	}
+}