API Reference
Complete API documentation for all ReactUI components.
Button
A clickable button element with multiple variants and sizes.
| Prop | Type | Default | Description |
|---|---|---|---|
| variant | "primary" | "secondary" | "outline" | "ghost" | "primary" | Visual style variant |
| size | "sm" | "md" | "lg" | "md" | Button size |
| disabled | boolean | false | Disable the button |
| loading | boolean | false | Show loading spinner |
| leftIcon | ReactNode | - | Icon before label |
| rightIcon | ReactNode | - | Icon after label |
| fullWidth | boolean | false | Full width button |
| onClick | () => void | - | Click handler |
Card
A container for grouping related content.
| Prop | Type | Default | Description |
|---|---|---|---|
| variant | "elevated" | "outlined" | "filled" | "elevated" | Card style variant |
| padding | "none" | "sm" | "md" | "lg" | "md" | Internal padding |
| hoverable | boolean | false | Add hover effect |
| clickable | boolean | false | Make card clickable |
Input
Text input field with labels, validation, and helper text.
| Prop | Type | Default | Description |
|---|---|---|---|
| label | string | - | Input label |
| placeholder | string | - | Placeholder text |
| error | string | - | Error message |
| helperText | string | - | Helper text below input |
| disabled | boolean | false | Disable the input |
| required | boolean | false | Mark as required |