Toggle Group

Group of toggling buttons...🤙

Source


pnpm dlx shadcn@latest add @retroui/toggle-group


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: 09 Sep, 2025