Card
Flexible container component with header, content, and footer sections.
Create project
Deploy your new project in one-click.
Card content goes here.
Card footer
Examples
Simple Card
This is a simple card with just content.
Card with Form
Account
Make changes to your account here. Click save when you're done.
Card Variants
Default card
Outlined card
Elevated card
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| variant | 'default' | 'outlined' | 'elevated' | 'default' | The visual style variant of the card. |
| padding | 'none' | 'sm' | 'md' | 'lg' | 'md' | The padding inside the card. |
| hoverable | boolean | false | When true, adds hover effects to the card. |
| clickable | boolean | false | When true, makes the card clickable with pointer cursor. |