Button Group
Live example
Button Group
Installation
npx shadcn@latest add https://hextech-ui.vercel.app/r/button-group.jsonAPI reference
These are the main Button Group options. See the exported TypeScript types for inherited native or primitive props.
| Prop | Type | Default |
|---|---|---|
orientation | horizontal | vertical | horizontal |
aria-label | string (accessible group name) | — |
Composition notes
Supply an accessible group name. Each child remains a real Button or Link and stays in normal Tab order. Use Toolbar when arrow-key navigation is part of the interaction. ButtonGroupSeparator derives its orientation from its parent.