Toolbar
Keyboard-roving commands with an accessible toolbar name and separator.
Keyboard-roving commands with an accessible toolbar name and separator.
Web Components React Vue Vue 2
Loading interactive preview… The article and source are ready to read. Interactive controls will appear here when ready.
Root owns disabled, orientation, loop and a11yLabel. Button emits action with its value on enabled activation. Only one enabled command participates in Tab; arrows move within the toolbar. Separator follows the cross axis.
Parts: Root, Button, Separator.
Draft source; native/GPUI, compiler, packed consumer, screenshots and full independent acceptance remain pending.