Back to components
UI component
Card
Elevated dark card container with optional header, body, and footer sections.
Install
What it does
- Elevated dark surface with rounded corners
- Optional header, body, and footer sections
- Custom padding configuration
When to use
Use it
Grouping related content — product cards, settings sections, information panels.
Skip it
Simple containers without elevation (use a plain View instead).
Files & routes added
- components/ui/card.tsx