Button
A minimal button with clear hierarchy. Three variants: primary (black fill), outline (border), ghost (transparent).
Preview
Usage
import { Button } from '@ramtt/ui'
<Button>Primary</Button>
<Button variant="outline">Outline</Button>
<Button variant="ghost">Ghost</Button>
<Button size="sm">Small</Button>Props
| Prop | Type | Default | Description |
|---|---|---|---|
| variant | 'primary' | 'outline' | 'ghost' | 'primary' | Visual style of the button |
| size | 'sm' | 'md' | 'lg' | 'icon' | 'md' | Size preset |
| disabled | boolean | false | Disables the button |
| children* | ReactNode | — | Button content |
| className | string | — | Additional Tailwind classes |