Toolbar
Data-driven toolbar with roving focus, action presentations and tones, and toggle groups.
Use Toolbar for related actions that need coordinated keyboard focus. Choose icon, label, or both for each item. Give every icon-only action a specific label. For toggle groups, `value` and `defaultValue` initialize uncontrolled state. Set `controlled: true` when each update must read the current `value`.
Interactive example
Loading interactive example
API
| Member | Type | Kind | Required | Default |
|---|---|---|---|---|
items | ToolbarItem[] | prop | Yes | |
label | string | prop | No | undefined |
size | ControlSize | prop | No | 'md' |
Source
Loading source