kapable

Toolbar

Actions · 1 export · v0.1.0 · showcase

Labelled action set that progressively enhances direct controls with roving arrow-key focus.

Browse 72 component families

Preview

Every control stays independently tabbable in static HTML. Roving arrow-key focus is demonstrated in the live playground.

Usage

<Toolbar label="Editing tools"><Btn>Bold</Btn><Btn>Italic</Btn></Toolbar>

Toolbar props
prop	type	notes
label	string	Accessible name for the set of controls.
orientation?	'horizontal' \| 'vertical'
children?	RemixNode
mix?	MixInput