Toggle Group

Group of toggling buttons...🤙



npx shadcn@latest add "https://retroui.dev/r/toggle-group.json"


Usage

import {
  ToggleGroup,
  ToggleGroupItem,
} from "@/components/retroui/toggle-group";
<ToggleGroup type="single">
  <ToggleGroupItem value="a">A</ToggleGroupItem>
  <ToggleGroupItem value="b">B</ToggleGroupItem>
  <ToggleGroupItem value="c">C</ToggleGroupItem>
</ToggleGroup>


Examples

Default



Outlined



Solid



Outline Muted

Last Updated: 08 Apr, 2025