Components
Toggle Group
A toggle-group component
Preview
Loading...
import { Bold, Italic, Underline } from "lucide-react";import { ToggleGroup, ToggleGroupItem } from "@/registry/axon/ui/toggle-group";export default function ToggleGroupDemo() { return ( <ToggleGroup type="multiple" variant="outline"> <ToggleGroupItem aria-label="Toggle bold" value="bold"> <Bold className="h-4 w-4" /> </ToggleGroupItem> <ToggleGroupItem aria-label="Toggle italic" value="italic"> <Italic className="h-4 w-4" /> </ToggleGroupItem> <ToggleGroupItem aria-label="Toggle strikethrough" value="strikethrough"> <Underline className="h-4 w-4" /> </ToggleGroupItem> </ToggleGroup> );}Installation
CLI
npx shadcn@latest add @emberui/toggle-groupyarn shadcn@latest add @emberui/toggle-grouppnpm dlx shadcn@latest add @emberui/toggle-groupbunx --bun shadcn@latest add @emberui/toggle-groupReference
This component is based on the shadcn/ui Toggle Group component.