Toggle Group
A set of two-state buttons that can be toggled on or off.
Made by imskyleenPowered by
Loading component...
When to use
Toggle Group provides multiple related toggle buttons. Use this decision tree:
Installation
Usage
<ToggleGroup>
<ToggleGroupItem>A</ToggleGroupItem>
<ToggleGroupItem>B</ToggleGroupItem>
<ToggleGroupItem>C</ToggleGroupItem>
</ToggleGroup>Examples
Multiple
Loading component...
Attached Mode
Loading component...
Props
Animate UI Props
ToggleGroup
Prop
Type
ToggleGroupItem
Prop
Type
Credits
- We use Radix UI for the toggle group component.
- We take our inspiration from Shadcn UI for the toggle group style.
- We use Animate UI from imskyleen for all the animations.
Built by malinskibeniamin. The source code is available on GitHub.