"use client"
import { BoldIcon, ItalicIcon, UnderlineIcon } from "lucide-react"
import { Toggle } from "@/components/ui/preskok-ui/toggle"
export function ToggleDemo() {
return (
<div className="flex items-center gap-2">
<Toggle aria-label="Toggle bold">
<BoldIcon className="h-4 w-4" />
</Toggle>
<Toggle aria-label="Toggle italic">
<ItalicIcon className="h-4 w-4" />
</Toggle>
<Toggle aria-label="Toggle underline">
<UnderlineIcon className="h-4 w-4" />
</Toggle>
</div>
)
}
Installation
CLI
Manual
pnpmnpmyarnbunpnpm dlx @preskok-org/ui@latest add toggle
Usage
import { Toggle } from "@/registry/preskok/ui/preskok-ui/toggle"
export function ToggleDemo() {
return <Toggle>Toggle me</Toggle>
}