Button Group

The default orientation. Attached buttons share borders and merge their outer corners into a single segmented control.

Set orientation="vertical" to stack buttons. The corner-merging logic adapts to the vertical axis automatically.

Set attached={false} to keep buttons visually separate with consistent spacing while preserving each button's own rounded corners.

Set size and/or variant once on the group and it flows down to every child Button. A child's own explicit prop always wins over the group value.

A common real-world pattern: an attached, icon-driven segmented control for toggling between layout modes.