Components · Actions
Button Group
shadcn's ButtonGroup: related actions in one row, which works as a toolbar.
Installation
npx shadcn@latest add https://www.syntaqx.com/r/button-group.jsonExamples
Roving focus
A toolbar is one Tab stop, not five. Arrow keys, Home and End move inside it, Tab moves past it, and coming back lands on the button you left. Only that button has tabIndex={0}; the rest are -1.
Inspired by WAI-ARIA APG