Button group

Storybook

Groups related buttons in a row or column

Used for nav menus, toolbars, and action sets where buttons need consistent spacing and alignment without wiring it up manually each time.

Horizontal

Default
With icons
Mixed priorities

Vertical

Default
With icons
tsx
// From the npm package
import { ButtonGroup } from 'rift-ds/components/ButtonGroup/ButtonGroup';

// Or as source you own, via the shadcn CLI
npx shadcn@latest add https://rift-ds.com/r/button-group.json