Card
Displays a card with header, content, and footer.
Usage
No deployments yet
API Reference
VoltCard — volt-card
| Input | Type | Default |
|---|---|---|
| class | string | '' |
VoltCardHeader — volt-card-header
| Input | Type | Default |
|---|---|---|
| class | string | '' |
VoltCardTitle — volt-card-title
| Input | Type | Default |
|---|---|---|
| class | string | '' |
VoltCardDescription — volt-card-description
| Input | Type | Default |
|---|---|---|
| class | string | '' |
VoltCardContent — volt-card-content
| Input | Type | Default |
|---|---|---|
| class | string | '' |
VoltCardFooter — volt-card-footer
| Input | Type | Default |
|---|---|---|
| class | string | '' |
Component Source
Install via CLI:
npx @voltui/cli add cardTypeScript
Loading editor…
Copy this code to your project. The component uses class-variance-authority for variants.