Toggle Group

A set of two-state buttons that can be toggled on or off.

Outline Variant

Installation


npx shadcn@latest add @uipath/toggle-group

Usage


import { ToggleGroup, ToggleGroupItem } from "@/components/ui/toggle-group"


<ToggleGroup type="single">
  <ToggleGroupItem value="a">A</ToggleGroupItem>
  <ToggleGroupItem value="b">B</ToggleGroupItem>
  <ToggleGroupItem value="c">C</ToggleGroupItem>
</ToggleGroup>

Toggle Tooltip