p-toggle-7

PreviousNext

Toggle icon group

Docs
cossblock

Preview

Loading preview…
registry/default/particles/p-toggle-7.tsx
import { BoldIcon, ItalicIcon, UnderlineIcon } from "lucide-react";

import { Toggle } from "@/registry/default/ui/toggle";

export default function Particle() {
  return (
    <div className="flex items-center gap-1">
      <Toggle aria-label="Toggle bold" variant="outline">
        <BoldIcon />
      </Toggle>
      <Toggle aria-label="Toggle italic" variant="outline">
        <ItalicIcon />
      </Toggle>
      <Toggle aria-label="Toggle underline" variant="outline">
        <UnderlineIcon />
      </Toggle>
    </div>
  );
}

Installation

npx shadcn@latest add @coss/p-toggle-7

Usage

import { PToggle7 } from "@/components/p-toggle-7"
<PToggle7 />