Button Group
Joined buttons — merged corners, hairline seams.
ButtonGroup merges sibling buttons into one segmented control: corners
combine, a hairline seam separates items, and hover/focus surface above the
neighbours. Wrap any buttons as direct children.
Installation
import { ButtonGroup } from "@iammikz/srui";
Usage
Props
| Prop | Type | Default | Description |
|---|---|---|---|
orientation | "horizontal" | "vertical" | "horizontal" | Which corners merge |
Any direct children work — Button, Toggle, custom buttons.