Open a sub-component to view its docs and settings.
Copy this complete component into a page file. Edit and run it in the Playground.
Loading editor…
Toolbar that measures its actions and moves the ones that no longer fit into a More menu. Useful for editors, document tools, and responsive page headers.
| Prop | Type | Default | Description |
|---|---|---|---|
children | ReactNode | required | Direct children are treated as toolbar actions. |
label | string | "Toolbar" | Accessible toolbar name. |
moreLabel | string | "More" | Overflow trigger label prefix. |
gap | number | 8 | Gap between actions in pixels. |
role="toolbar" with the supplied label.aria-expanded and aria-controls.