Components
Card
Container component for grouping related content with optional header and footer.
Preview
Neon Genesis
Digital Collection
New
A curated collection of abstract 3D forms generated procedurally.
Usage
example.tsx
import { Card } from 'framejs-ui';function Example() {return (<Card><Card.Header>Card Header</Card.Header><Card.Body>This is the card body content.</Card.Body><Card.Footer><Button>Action</Button></Card.Footer></Card>);}
Variants
default
Card variant example
elevated
Card variant example
outlined
Card variant example
<Card variant="default">...</Card><Card variant="elevated">...</Card><Card variant="outlined">...</Card>
Props
| Prop | Type | Default |
|---|---|---|
| variant | 'default' | 'elevated' | 'outlined' | 'default' |
| padding | 'none' | 'sm' | 'md' | 'lg' | 'md' |
| hoverable | boolean | false |
| clickable | boolean | false |