Toggle

Botão com estado pressed (ex.: negrito).

Ações e indicadores

Carregando demonstração…

Código da demo

"use client";

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

export function Demo() {
  return (
    <div className="flex gap-fe-2">
      <Toggle aria-label="Negrito" variant="outline">
        <BoldIcon />
      </Toggle>
      <Toggle aria-label="Itálico" variant="outline">
        <ItalicIcon />
      </Toggle>
    </div>
  );
}

Acessibilidade: aria-pressed; label ou aria-label.
Importar: import { Toggle } from "@financeequity/ui/toggle"
Neste repositório:
import { Toggle } from "@/components/ui/toggle"
Dependências: radix-ui