Card
Glassmorphic card primitive with header, title, description, action, content, and footer slots.
Basic
Basic Card
A simple card with header, content, and footer.
This is the card content area. It can contain any elements.
Card footer
With Action Slot
Notifications
Manage your notification preferences.
3 unread notifications
Interactive (Clickable)
Leads
142 active
Deals
EGP 2.4M pipeline
Favorites
8 starred
Selected: none
Selected State
Default
Not selected.
Selected
This card has a primary ring.
Custom Styling
Customized
Dashed primary border via className override.
All sub-components accept className for composition.
Content Only (Minimal)
A card with just content — no header or footer.