Search for a command to run...
A two-state button that can be either on or off.
import { Toggle } from "@/components/optics/toggle";import { Bold, Italic, Underline } from "lucide-react";<div className="flex items-center justify-center flex-wrap gap-4"> <Toggle aria-label="Toggle italic" variant="raised" > <Italic className="h-4 w-4" /> </Toggle> <Toggle aria-label="Toggle bold" variant="raised" > <Bold className="h-4 w-4" /> </Toggle> <Toggle aria-label="Toggle underline" variant="raised" > <Underline className="h-4 w-4" /> </Toggle></div>import { Toggle } from "@/components/optics/toggle";import { Bold, Italic, Underline } from "lucide-react";<div className="flex items-center justify-center flex-wrap gap-4"> <Toggle aria-label="Toggle italic" variant="raised" > <Italic className="h-4 w-4" /> </Toggle> <Toggle aria-label="Toggle bold" variant="raised" > <Bold className="h-4 w-4" /> </Toggle> <Toggle aria-label="Toggle underline" variant="raised" > <Underline className="h-4 w-4" /> </Toggle></div>Name | Type | |
|---|---|---|
variant | string(default: default) | |
pressed | boolean | |
defaultPressed | boolean | |
onPressedChange | (...args) => void | |
nativeButton | boolean | |
render | React.ReactElement |