卡片变体矩阵

Birchline <Card /> 组件的六种结构样式。用上方控件调整密度和强调度，把鼠标移到某个变体上即可查看它对应的 prop 组合。

内边距 20px
描边
A · 扁平
WP

周度规划

12 项任务 · 周五截止

Q2 路线图

适合：放在带底色背景上的密集列表

B · 描边
WP

周度规划

12 项任务 · 周五截止

Q2 路线图

适合：象牙底色上的默认内容卡

C · 投影
WP

周度规划

12 项任务 · 周五截止

Q2 路线图

适合：可拖动的项、浮层弹出

D · 强调色条
WP

周度规划

12 项任务 · 周五截止

Q2 路线图

适合：置顶或高优先级项

E · 填充
WP

周度规划

12 项任务 · 周五截止

Q2 路线图

适合：嵌套在白色面板里的子卡片

F · 横向
WP

周度规划

12 项任务 · 周五截止

Q2 路线图

适合：紧凑的行列表、侧边栏

JSX — 把鼠标移到上方的某个变体
// 把鼠标移到某张卡片上以预览它的 props