ButtonGroup
Related actions grouped together, either spaced or joined as one segmented control.
Spaced
<ButtonGroup label="Editor actions">
<Button variant="secondary">Save</Button>
<Button variant="secondary">Preview</Button>
<Button variant="secondary">Publish</Button>
</ButtonGroup>Segmented
<ButtonGroup label="View mode" segmented>
<Button variant="secondary">List</Button>
<Button variant="secondary">Grid</Button>
<Button variant="secondary">Board</Button>
</ButtonGroup>Props
| Prop | Type | Default | Description |
|---|---|---|---|
label | string | - | Required; announced as the group name. |
segmented | boolean | false | Joined single-control look. |
Accessibility
role="group"plus label gives every button shared context.- For toggles that show on/off state, use
ToggleButtoninside instead.