SelectButton

When to use

Use for 2-4 mutually exclusive options that should be always visible. view toggles, size selectors, mode switches.

Guidelines

  • Short labels: One or two words per option. Long text breaks the inline layout.
  • Always have a default: One option should be pre-selected.
  • Max 4 options: Beyond that, use Select.

How it works