Components
ButtonGroup
Projection UI 0.2.0 Alpha
These contracts describe the evolving 0.2.0 Alpha edition. Read Installation to select the matching alpha package or the stable documentation.
Component contract
| Required props | Options and defaults |
|---|---|
| options, value, onChange | variant="chip", size="md", deselectable=false, block=false, aria-label |
Shared application peers: react >=19.0.0, react-dom >=19.0.0.
Your application supplies React 19 and React DOM 19.
Read the full component reference for supported values and interaction behavior.
Examples
ButtonGroup: Metric selection (md)
Loading example…
Open ButtonGroup: Metric selection (md) in the component explorerButtonGroup: Year clip chips (sm, deselectable)
Loading example…
Open ButtonGroup: Year clip chips (sm, deselectable) in the component explorerButtonGroup: Return mode selector
Loading example…
Open ButtonGroup: Return mode selector in the component explorerButtonGroup: Block (full width)
Loading example…
Open ButtonGroup: Block (full width) in the component explorerButtonGroup: Large size
Loading example…
Open ButtonGroup: Large size in the component explorerButtonGroup: Disabled option
Loading example…
Open ButtonGroup: Disabled option in the component explorerButtonGroup: Radius — Sharp
Loading example…
Open ButtonGroup: Radius — Sharp in the component explorerButtonGroup: Radius — Rounded
Loading example…
Open ButtonGroup: Radius — Rounded in the component explorer