ButtonGroup & ButtonToggle

Inform
ButtonGroup and ButtonToggle do not support uncontrolled versions.

ButtonGroup

Interface of ButtonGroup
🏗 Coming Soon

ButtonGroup behaves like a checkbox group. Use this when the user may select zero or more of a small set of options. Control externally via value and onChange props. On individual ButtonItem, value is optional and will fall back to the text if absent.

Current selection: CA

Disabled

ButtonToggle

Interface of ButtonGroup
🏗 Coming Soon

ButtonToggle behaves as radio button group. Use this when the user may select only one of a small set of options. Control externally via value and onChange props. On individual ButtonItem, value is optional and will fall back to the text if absent.

Current selection: TypeScript

Disabled

Nullable

Use the nullable prop if the user should be able to click the selected item to de-select it.

Options

An alternative to composing a ButtonGroup or ButtonToggle with ButtonItem children is to pass it an array of options.