Component · C-036

Toolbar

Groups related actions in a row or column. Base UI applies roving tabindex so the keyboard moves through the bar with the arrow keys.

Install

Install koten-theme first when the project has no Koten tokens yet.

npx shadcn@latest add https://koten.codehive.com.co/r/toolbar.json

Accessibility

• label names the toolbar and ToolbarGroup.label names each group.
• Base UI applies roving tabindex: only one control enters the tab order.
• The arrow keys move through the controls along the orientation axis.
• Separators are not focusable and the button icons are decorative.

Read the whole page

• Markdown page
• Agent index (llms.txt)
• Full documentation (llms-full.txt)

Koten UI · llms.txt · llms-full.txt · Markdown