Files
shadcn-ui/apps/v4/examples/base/toggle-group-basic.tsx
2026-01-14 09:25:14 +04:00

19 lines
604 B
TypeScript

import { ToggleGroup, ToggleGroupItem } from "@/examples/base/ui/toggle-group"
import { BoldIcon, ItalicIcon, UnderlineIcon } from "lucide-react"
export function ToggleGroupBasic() {
return (
<ToggleGroup multiple spacing={1}>
<ToggleGroupItem value="bold" aria-label="Toggle bold">
<BoldIcon />
</ToggleGroupItem>
<ToggleGroupItem value="italic" aria-label="Toggle italic">
<ItalicIcon />
</ToggleGroupItem>
<ToggleGroupItem value="underline" aria-label="Toggle underline">
<UnderlineIcon />
</ToggleGroupItem>
</ToggleGroup>
)
}