Toggle Demo

PreviousNext

Demo showing a toggle.

Docs
animate-uiui

Preview

Loading preview…
registry/demo/components/base/toggle/index.tsx
import { Toggle, type ToggleProps } from '@/components/animate-ui/components/base/toggle';
import { Bold } from 'lucide-react';

interface BaseToggleDemoProps {
  variant: ToggleProps['variant'];
  size: ToggleProps['size'];
}

export function BaseToggleDemo({ variant, size }: BaseToggleDemoProps) {
  return (
    <Toggle aria-label="Toggle italic" variant={variant} size={size}>
      <Bold />
    </Toggle>
  );
}

Installation

npx shadcn@latest add @animate-ui/demo-components-base-toggle

Usage

import { DemoComponentsBaseToggle } from "@/components/ui/demo-components-base-toggle"
<DemoComponentsBaseToggle />