---
category: actions
---

# ButtonGroup

Source: `components/ui/button-group.tsx`.

`ButtonGroup` is a compound component. Its parts are exported **flat** (`ButtonGroupSeparator`, not
`ButtonGroup.Separator`) and each is a separate top-level export of the bundle:

| Part | Props |
| --- | --- |
| `ButtonGroupSeparator` | `React.ComponentProps<typeof Separator>` |
| `ButtonGroupText` | `React.ComponentProps<'div'> & {…}` |

All parts accept `className` and are composed as children of `ButtonGroup`.