Documentation
Button
Displays a button or a component that looks like a button.
Installation
pnpm install @rouf-dev/pantheon-uiUsage
import { Button } from "@rouf-dev/pantheon-ui";
export default function Example() {
return <Button>Click me</Button>;
}Examples
Default
Variants
Sizes
With Animation
Props
| Name | Type | Default | Description |
|---|---|---|---|
| variant | "default" | "secondary" | "destructive" | "outline" | "ghost" | "link" | "default" | The visual style variant of the button |
| size | "sm" | "default" | "lg" | "icon" | "default" | The size of the button |
| animation | "press" | "bounce" | "squash" | false | "press" | The animation style for the button |
| asChild | boolean | false | Render as child element (for Next.js Link, etc.) |
| disabled | boolean | false | Disable the button |