Radix Toggle Demo

PreviousNext

Demo showing a radix toggle.

Docs
animate-uiui

Preview

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

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

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

Installation

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

Usage

import { DemoComponentsRadixToggle } from "@/components/ui/demo-components-radix-toggle"
<DemoComponentsRadixToggle />