Actions & Navigation
Toolbar
A toolbar groups a set of buttons and controls with keyboard navigation between them.
With toggles#
Toolbars work with ToggleGroup and ToggleGroupItem for pressed states.
Vertical#
Disabled#
Component props#
Toolbar#
| Name | Type | Description |
|---|---|---|
| orientation | 'horizontal' | 'vertical' | Toolbar layout direction (default: "horizontal") |
| isDisabled | boolean | Disables the entire toolbar |
ToolbarButton#
| Name | Type | Description |
|---|---|---|
| isDisabled | boolean | Disables the button |
| ...ButtonProps | ButtonProps | Accepts all Button props (default variant: "quiet") |