Button Group

Groups Button elements horizontally or vertically, collapsing adjacent borders into a single line. Uses context — Button owns all its own group CSS.

Horizontal (default)

Wrap Button elements in ButtonGroup. Borders collapse automatically between siblings.

Mixed variants

Any combination of variants works — borders still collapse cleanly.

Vertical

Use orientation="vertical" for stacked groups.

Sizes

All Button size props work inside a group.