Toggle

'use client';

import { Toggle } from '@/registry/san-francisco/ui/toggle';

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

'use client';

import { Toggle } from '@/registry/san-francisco/ui/toggle';

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

'use client';

import { Toggle } from '@/registry/san-francisco/ui/toggle';

export default function ToggleDemoSizes() {
  return (
    <>
      <Toggle size="sm">Small</Toggle>
      <Toggle size="default">Default</Toggle>
      <Toggle size="lg">Large</Toggle>
    </>
  );
}