Button Group

A wrapper component that groups multiple buttons together, joining their borders for a cohesive, unified appearance. Commonly used for toolbars, split buttons, or any set of related actions.

Props

NameDefaultType
verticalfalseboolean
Stacks the buttons vertically instead of horizontally
gap0xxs xs s m l xl xxl xxxl number
Gap between buttons in the group. When 0, borders are merged for a seamless look

Slots

NameAcceptsDescription
defaultButtonOne or more Button components to be grouped