Components

Button Group (Radix UI)

Groups multiple buttons together with shared borders and consistent sizing.

Loading

Installation

pnpm dlx shadcn@latest add @toui/button-group

Examples

Default (Attached)

Loading

Spaced

Vertical

With Icons

Sizes

Pattern

Tokens

API Reference

ButtonGroup

PropTypeDefault
orientation"horizontal" | "vertical""horizontal"
attachedbooleantrue

Credits

We use cookies

We use cookies to ensure you get the best experience on our website. For more information on how we use cookies, please see our cookie policy.

By clicking Accept, you agree to our use of cookies.
Learn more.