Toolbar

Grouped controls with keyboard navigation.

Usage

<w-toolbar label="Text formatting">
  <w-slot item><button>Bold</button></w-slot>
  <w-slot item><button>Italic</button></w-slot>
  <w-slot item><button>Underline</button></w-slot>
</w-toolbar>

Props

Prop	Type	Default	Description
label	string	""	Accessible label
orientation	"horizontal" | "vertical"	"horizontal"	Toolbar direction

Slots

Slot	Element	Description
item	Button	Toolbar buttons/controls

Keyboard

Key	Action
ArrowRight / ArrowDown	Next item
ArrowLeft / ArrowUp	Previous item
Home	First item
End	Last item

Accessibility

• Container has role="toolbar" with aria-label
• aria-orientation for direction
• Roving tabindex for single-tab-stop navigation