Toggle

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

Installation

pnpm dlx shadcn@latest add https://8bit.cnlibs.com/r/toggle.json

import { BoldIcon } from "lucide-react";
import { Toggle } from "@/components/ui/toggle";

<Toggle aria-label="Toggle bold">
  <BoldIcon />
</Toggle>

A toggle with a pixel border, combining an icon and a text label.