Button Group
Joins a row or column of Buttons (or inputs) so adjacent corners and borders collapse cleanly. Use for segmented controls, attached input + button, or toolbars.
Joins a row or column of Buttons (or inputs) so adjacent corners and borders collapse cleanly. Use for segmented controls, attached input + button, or toolbars.
Horizontal row of Buttons that share borders.
Stack buttons by setting orientation to vertical.
Attach an Input and Button into one shape.
Insert ButtonGroupSeparator to visually divide segments.
Props, events, and slots for each sub-component.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| orientation | "horizontal" | "vertical" | "horizontal" | Axis of the group. |
| class | string | — | Extra classes, merged with cn(). |
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| class | string | — | Visual separator and inline static text label inside a group. |