Design System v1.0

Button group

Related buttons joined into a single control.

Ghost

Joined ghost buttons forming a segmented control.

Split dropdown

A primary action joined to a dropdown of alternatives.

API reference

A container that visually joins adjacent buttons, with optional separators and text segments.

Anatomy
ButtonGroupContainer merging child buttons' borders and radii.
ButtonGroupSeparatorDivider line between grouped buttons.
ButtonGroupTextNon-interactive labelled segment styled like a muted button.
Props
PartPropTypeDefaultDescription
ButtonGrouporientation"horizontal" | "vertical""horizontal"Layout direction: horizontal or vertical.

Command Palette

Search for a command to run...