GitHub

Toggle Group

A group of toggle buttons that can be used to select a value.

Docs API

Installation

pnpm dlx shadcn@latest add https://shark-ui.vercel.app/r/toggle-group.json

Usage

import { 
  ToggleGroup, 
  ToggleGroupItem 
} from "@/components/ui/toggle-group"; 
<ToggleGroup>
  <ToggleGroupItem value="1">Item 1</ToggleGroupItem>
  <ToggleGroupItem value="2">Item 2</ToggleGroupItem>
</ToggleGroup>