Button Group
A container that groups related buttons together with consistent styling.
Default
Usage
Loading...
Examples
Separated
Use attached={false} to add spacing between grouped buttons.
Vertical
Use orientation="vertical" to stack buttons.
API Reference
The ButtonGroup component renders a div with role="group".
| Prop | Type | Default | Description |
|---|---|---|---|
orientation | "horizontal" | "vertical" | "horizontal" | Layout direction for the group. |
attached | boolean | true | Remove gaps and join borders when true. |
className | string | undefined | Add custom classes. |
aria-label | string | undefined | Accessible label for the group when no visible label is present. |