Toggle

npx radk add toggle

import { Toggle } from "@/components/ui/toggle"

<Toggle>Bold</Toggle>

<div className="flex items-center gap-2">
  <Toggle>Default</Toggle>
  <Toggle variant="outline">Outline</Toggle>
</div>

<div className="flex items-center gap-2">
  <Toggle size="sm">Small</Toggle>
  <Toggle>Default</Toggle>
  <Toggle size="lg">Large</Toggle>
</div>

import { Bold, Italic, Underline } from "lucide-react"

<div className="flex items-center gap-1">
  <Toggle aria-label="Bold">
    <Bold className="h-4 w-4" />
  </Toggle>
  <Toggle aria-label="Italic">
    <Italic className="h-4 w-4" />
  </Toggle>
  <Toggle aria-label="Underline">
    <Underline className="h-4 w-4" />
  </Toggle>
</div>

<Toggle disabled>Disabled</Toggle>