mirror of
https://github.com/shadcn-ui/ui.git
synced 2026-07-08 22:45:47 +00:00
23 lines
663 B
TypeScript
23 lines
663 B
TypeScript
import { Bold, Italic, Underline } from "lucide-react"
|
|
|
|
import {
|
|
ToggleGroup,
|
|
ToggleGroupItem,
|
|
} from "@/registry/default/ui/toggle-group"
|
|
|
|
export default function ToggleGroupDemo() {
|
|
return (
|
|
<ToggleGroup size={"sm"} type="multiple">
|
|
<ToggleGroupItem value="bold" aria-label="Toggle bold">
|
|
<Bold className="h-4 w-4" />
|
|
</ToggleGroupItem>
|
|
<ToggleGroupItem value="italic" aria-label="Toggle italic">
|
|
<Italic className="h-4 w-4" />
|
|
</ToggleGroupItem>
|
|
<ToggleGroupItem value="underline" aria-label="Toggle underline">
|
|
<Underline className="h-4 w-4" />
|
|
</ToggleGroupItem>
|
|
</ToggleGroup>
|
|
)
|
|
}
|