基础 Demo
查看详情 Card
Draft 四部分被动 Card;标题与操作保留各自语义。
正在加载交互示例… 正文和源码已可阅读,交互控件就绪后会显示在这里。
基于 Proto UI Base 的 Shadcn 风格原型库总览。
Shadcn 原型库在 Base 交互协议之上投射熟悉、清晰且实用的产品界面风格。这个页面是快速索引:每个原型只显示首个基础 Demo,不包含 API 表与代码示例。
当前 Shadcn catalog 实体仍处于 draft 生命周期,页面反映现有官方实现,不将其表述为已冻结的稳定保证。
Draft 四部分被动 Card;标题与操作保留各自语义。
常用按钮层级、尺寸与状态。
适合工具栏的按压式开关。
保留宿主编辑生命周期与原生文本选择的单行输入。
宿主拥有编辑生命周期的多行文本编辑器。
带 mixed 状态的三态勾选框。
组级单选、键盘导航与圆点状态呈现。
由同一宿主滚动面驱动的细轨道与圆角滑块。
紧凑的布尔设置控件。
清晰的分组导航与内容面板。
为链接或对象补充上下文。
保留 Base 延时与定位的紧凑补充说明表面。
分组内容的被动分隔线。
带标准内容结构的模态任务面板。
紧凑操作集合与键盘导航。
熟悉的触发器、值展示与选项面板。
Text 与 Surface 是当前工作区的 draft 可复用呈现原子。它们保留原有语义 owner,不代表完整家族或原生/Compiler 覆盖。
Collapsible (Draft) 提供共享 Base disclosure 协议的 Root、Trigger、Content 投影。