Toggle

import { Toggle } from "@/components/ui/toggle";

export default function ToggleDemo() {
  return <Toggle>Toggle</Toggle>;
}

import { Toggle } from "@/components/ui/toggle";

export default function ToggleOutline() {
  return <Toggle variant="outline">Toggle</Toggle>;
}

import { Toggle } from "@/components/ui/toggle";

export default function ToggleSm() {
  return <Toggle size="sm">Toggle</Toggle>;
}

import { Toggle } from "@/components/ui/toggle";

export default function ToggleLg() {
  return <Toggle size="lg">Toggle</Toggle>;
}

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

export default function ToggleWithIcon() {
  return (
    <Toggle>
      <BoldIcon />
    </Toggle>
  );
}

import { Toggle } from "@/components/ui/toggle";

export default function ToggleDisabled() {
  return <Toggle disabled>Toggle</Toggle>;
}