Skip to content

基础组件

无业务逻辑的通用 UI 组件


概述

基础组件是构建应用的最底层 UI 单元,不包含任何业务逻辑。


组件列表

组件说明优先级
Button按钮,触发动作P0
Input文本输入框P0
Card卡片容器P0
Sheet底部抽屉P0
Dialog模态对话框P0
Toast轻提示消息P0
Skeleton骨架屏P1
Avatar头像P1
Badge徽标P2
Switch开关P1
Checkbox复选框P2
Radio单选框P2

通用规范

尺寸变体

所有支持尺寸的组件 SHOULD 提供以下变体:

变体说明
sm紧凑型,适用于密集布局
md默认尺寸
lg大尺寸,适用于突出显示

状态变体

交互组件 MUST 支持以下状态:

状态说明
default默认状态
hover悬停状态(桌面端)
pressed按压状态
focused聚焦状态
disabled禁用状态

主题适配

  • MUST 支持浅色/深色主题
  • MUST 使用语义化颜色 token
  • MUST NOT 硬编码颜色值

Released under the MIT License.