Button Demo

PreviousNext

Demo showing a button.

Docs
animate-uiui

Preview

Loading preview…
registry/demo/primitives/buttons/button/index.tsx
import { Button } from '@/components/animate-ui/primitives/buttons/button';

interface ButtonDemoProps {
  hoverScale: number;
  tapScale: number;
}

export default function ButtonDemo({ hoverScale, tapScale }: ButtonDemoProps) {
  return (
    <Button
      key={`${hoverScale}-${tapScale}`}
      hoverScale={hoverScale}
      tapScale={tapScale}
      className="bg-primary text-primary-foreground text-sm font-medium px-4 py-2 h-10"
    >
      Button
    </Button>
  );
}

Installation

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

Usage

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