Toggle

import { Bold } from "lucide-react"
 
import * as Toggle from "@/registry/radix-ui/ui/toggle"
 
export function ToggleExample() {
  const [bold, setBold] = React.useState(false)
 
  return (
    <Toggle.Root
      pressed={bold}
      onPressedChange={setBold}
      variant="primary"
      appearance="outline"
    >
      <Toggle.Icon>
        <Bold className="size-4" />
      </Toggle.Icon>
      Bold
    </Toggle.Root>
  )
}