Card
卡片组件 - 带有不对称圆角和实色阴影的内容容器
形状 Shape
Card 支持两种形状模式：organic（异形）和 regular（常规）
Organic（默认）- 适合品牌展示
Organic Card
Asymmetric corners for hand-drawn feel
Suitable for marketing pages and creative displays that emphasize brand personality.
Regular - 适合后台管理
Regular Card
Standard corners for professional feel
Suitable for admin dashboards and data-intensive interfaces.
阴影样式覆盖
通过 className 覆盖默认阴影，展示 shadcn 的可扩展性
默认阴影
小阴影
大阴影
强调色阴影
成功阴影
警告阴影
危险阴影
真实业务场景
卡片在实际项目中的多样化应用
电商产品卡片
Zine Sketchbook
Hand-bound vintage paper notebook
Ink Pen Set
Premium calligraphy pens × 5
Watercolor Kit
24 colors + brush set
仪表盘数据卡片
Total Revenue
$45,231
Active Users
2,350
Orders
1,234
Conversion
3.2%
音乐播放器卡片
Indie Vibes
Lo-fi Beats Collection
活动事件卡片
Zine Making 101
Art Market 2024
用户资料卡
Zine Maker
@zinemaker
Indie magazine creator & doodle artist
John Designer
UI/UX Designer
Sarah Artist
Last active 2h ago
通知提醒卡片
New comment on your post
2 minutes ago
Order shipped successfully
1 hour ago
Settings updated
Yesterday
定价卡片
Starter
For individuals
Pro
For professionals
Team
For organizations
组件结构
Card 由多个子组件组成
Card根容器，支持 shape="organic" | "regular"
CardHeader头部区域
CardTitle标题
CardDescription描述文本
CardContent内容区域
CardFooter底部区域