Skip to Content

Toolbar

A toolbar groups a set of buttons and controls with keyboard navigation between them.

With toggles

Toolbars work with Toggle and ToggleGroup for pressed states.

Vertical

Disabled

Component props

Toolbar

NameTypeDescription
orientation'horizontal' | 'vertical'Toolbar layout direction (default: "horizontal")
isDisabledbooleanDisables the entire toolbar

ToolbarButton

NameTypeDescription
isDisabledbooleanDisables the button
...ButtonPropsButtonPropsAccepts all Button props (default variant: "quiet")