"use client";

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

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

Import

Default
