Toggle Group

A set of ToggleButtons with a single Tab stop. In single mode at most one is pressed (clicking it again releases it); in multiple mode each toggles independently. Arrow keys move focus only.

Single and multiple

Tab enters the group at the pressed item; ← → ↑ ↓ move between items without changing what is pressed. Space or Enter toggles.

@components.ToggleGroup(components.ToggleGroupProps{
  Name: "alignment", Label: "Alignment",
  Items: []components.ToggleGroupItem{{Label: "Left", Value: "left"}, ...},
  Value: []string{"center"},
})