Button Demo

PreviousNext

Demo showing a button.

Docs
animate-uiui

Preview

Loading preview…
registry/demo/components/buttons/button/index.tsx
import { PlusIcon } from 'lucide-react';
import { Button, type ButtonProps } from '@/components/animate-ui/components/buttons/button';

interface ButtonDemoProps {
  variant: ButtonProps['variant'];
  size: ButtonProps['size'];
}

export default function ButtonDemo({ variant, size }: ButtonDemoProps) {
  return (
    <Button variant={variant} size={size}>
      {size === 'icon' ? <PlusIcon /> : 'Click me'}
    </Button>
  );
}

Installation

npx shadcn@latest add @animate-ui/demo-components-buttons-button

Usage

import { DemoComponentsButtonsButton } from "@/components/ui/demo-components-buttons-button"
<DemoComponentsButtonsButton />