← Docs

Recipe: Button group + split-button design

A reusable pattern for grouping related actions with an optional dropdown split.

Basic button group

Inline-flex container with zero-radius inner borders and outer rounding.

Split button

Primary action with a secondary dropdown trigger sharing a border.

Icon-only group

Compact toolbar variant with square buttons.

Tip: Use overflow-hidden on the parent to clip inner borders. Split buttons work best when the primary action is the most common path.