Ui
Button
Interactive button component with multiple variants and sizes.
The Button component is used to trigger actions or navigate to other pages.
Usage
{/* Button demo (component not bundled) */}
{/* Button demo (component not bundled) */}Variants
Buttons come in 5 variants to establish hierarchy.
{/* Button demo (component not bundled) */}
{/* Button demo (component not bundled) */}
{/* Button demo (component not bundled) */}
{/* Button demo (component not bundled) */}
{/* Button demo (component not bundled) */}Sizes
{/* Button demo (component not bundled) */}
{/* Button demo (component not bundled) */}
{/* Button demo (component not bundled) */}Props
| Prop | Type | Default | Description |
|---|---|---|---|
variant | 'primary' | 'secondary' | 'outline' | 'ghost' | 'icon' | 'primary' | The visual style of the button. |
size | 'sm' | 'md' | 'lg' | 'md' | The size of the button. |
href | string | undefined | If provided, the button renders as an <a> tag. |
...rest | any | - | Any standard HTML attributes (class, onClick, etc.). |