Cards - Documentation
Card Example
Default Card
Basic card with minimal styling
Card with size variations
Size Variations
Compact Card
Minimal size card
Standard Card
Default size card
Large Card
Expanded size card
Card with states
Interactive States
Hover State
Hover to see effect
Selected State
Currently selected card
Disabled State
Inactive card
Card with contextual usage
Contextual Variations
Project Status
Active
Progress
75%
Document Title
Last edited 2 hours ago
Team Meeting
Today at 2:00 PM
+3
Complete Documentation
Due in 2 days
Card with special effects
Special Effects
Shadow Effect
Hover to see shadow
Gradient Effect
Subtle gradient background
Blur Effect
Frosted glass effect