Card
Draft passive Shadcn Card on Proto UI.
Shadcn Card 是 draft 四部分被动视觉容器,没有 Base Card counterpart。
Card 契约
- 从
@proto.ui/prototypes-shadcn/card导入ShadcnCardRoot、ShadcnCardHeader、ShadcnCardContent、ShadcnCardFooter;同时提供小写 facade alias。 - Root 拥有
bg-card、text-card-foreground、rounded-xl、border、轻阴影与垂直间距;Header、Content、Footer 拥有各自区域间距。 - 标题与描述仍是普通内容。按需要组合原生 heading/paragraph;嵌套 Shadcn Text 标题与正文显式使用
tone: 'inherit',muted 描述有意使用tone: 'muted'。 - 四部分均不添加 role、tabindex、事件或状态;anchor/control 保留自己的导航与激活语义。
- 有界子集不提供上游 CardTitle、CardDescription、CardAction、基于 action 的列布局、Header container-query 标记、border-presence selector 或
asChild,不宣称完整上游兼容。
对照来源固定为 shadcn/ui f31ed819 Card,遵循 MIT notice。Proto UI 是独立实现。当前 revision 的原生截图、首帧与跨宿主验收仍是独立门槛;draft 源码不代表 stable 或 Finf 目标完成。
正在加载交互示例… 正文和源码已可阅读,交互控件就绪后会显示在这里。