---
category: actions
---

# ToggleGroup

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

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

| Part | Props |
| --- | --- |
| `ToggleGroupItem` | `React.ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>` |

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