Toggle

A two-state button that can be either on or off.

Variants

Sizes

Code

Example

import { Toggle } from "cephalopod-design-system"
import { Bold } from "lucide-react"

<Toggle aria-label="Toggle bold">
  <Bold className="h-4 w-4" />
</Toggle>