Card
Surface for grouped content. Compose with CardHeader, CardTitle, CardDescription, CardContent, and CardFooter.
Default
Monthly Summary
Review account balances, transfers, and adjustments for the current month.
Card content goes here. This demonstrates the full Card composition: CardHeader, CardTitle, CardDescription, CardContent, and CardFooter.
Flush
No chrome padding — use inside already-framed surfaces.
Monthly Summary
Review account balances, transfers, and adjustments for the current month.
Card content goes here. This demonstrates the full Card composition: CardHeader, CardTitle, CardDescription, CardContent, and CardFooter.
Developer
import { Card } from "@financial-tracking/design-system"API reference
Compound: CardHeader, CardTitle, CardDescription, CardContent, CardFooter.
| Prop | Type | Default |
|---|---|---|
flushRemove padding and border radius for edge-to-edge layouts. | boolean | false |