组件库

为临床数据产品打造的统一界面语言。从介绍与设计规范，到色彩、排版、表格、健康提醒、工作台与 AI 对话，28 个组件章节覆盖医疗软件核心场景。

开始使用 设计规范

色彩系统

ink 灰阶、cdx 深青、warm 暖米与状态色的完整色阶。

字体与排版

从 hero 到 caption 的字号阶梯与数字字体规则。

动效系统

统一缓动曲线、时长阶梯与入场动画。

按钮

主按钮、次级、危险、虚线与链接等 9 种按钮变体。

表单控件

输入框四态、Switch、Checkbox、Radio、Select 与标签输入。

表单容器

水平、垂直与内联三种表单布局。

标签与徽章

条件标签、筛选 Chip、徽章与角色标识。

卡片

Metric、Modality、Stat 与 App Card 等卡片变体。

表格

完整数据表、工具栏、排序、行选择与分页。

弹层与浮层

Toast、Alert、Modal、Drawer 与下拉浮层。

导航

侧边栏、面包屑、步骤条与顶部导航。

标签页

下划线型、卡片型、带图标与可关闭标签页。

折叠面板

基础折叠面板与无边框手风琴模式。

描述列表

详情页键值对展示，支持多列与边框模式。

布局容器

Header / Sider / Content / Footer 经典布局。

日期选择器

日期输入、日历面板与快捷范围选择。

上传

按钮上传、拖拽上传与文件列表状态。

全局提示

成功、警告、错误与信息四种全局提示。

头像

尺寸阶梯、文字头像、头像组与状态徽标。

KPI 与数字

Hero Number、趋势数字、进度环与提示气泡。

进度与状态

加载条、脉冲点、骨架屏、流水线与空状态。

时间轴

四色节点时间轴与事件卡片。

溯源与锚点

临床文本溯源锚点、同义词组与命中高亮。

页面结构

ACT 三段式、列表页、详情页与表单页结构。

健康提醒卡

医疗提醒信息流：染色图标圆、日期胶囊与危急值三重编码。

EMR 工作台

EMR 医生工作台：中文 Logo、患者条与紧凑表格。

AI 对话系统

AI 消息气泡、思考状态、风险卡片与输入区。