Progress 进度条 规则 代码演示 API Progress 进度条 表明某个任务的当前进度。 规则 需要准确告知当前进度，否则应该使用组件 ActivityIndicator。 和 NavBar 一起搭配使用时，可以隐藏 Progress 未填充部分的轨道，提升整体感。 代码演示 基本 进度条示例。 im...

Tag 标签 规则 代码演示 API Tag 标签 进行标记和分类的小标签，用于标记事物的属性和维度，以及进行分类。 规则 标签文字必须显示完全。 代码演示 基本 Tag 分为两种类型：selectable / readonly , 后者是无交互的，尺寸更小，通常用于内容展示。 import { Tag }...

Stepper 步进器 规则 代码演示 API ( 适用平台：WEB、React-Native ) Stepper 步进器 用作增加或者减少当前数值。 规则 当想要对数值进行小幅度调整时，可以使用 Stepper，eg：将年化收益从 4.00% 调整到 4.05%。 代码演示 基本 数字输入框。 import { ...

NavBar 导航栏 规则 代码演示 API NavBar 导航栏 位于 app 内容区的上方，系统状态栏的下方，并且提供在一系列页面中的导航能力。 规则 可在导航栏中显示当前视图的标题。如果标题非常冗长且无法精简，可以空缺。 可在导航栏中使用 SegmentedControl 对内容进行层级划分。 避免用过多的元素填满导航栏。一...

Radio 单选框 规则 代码演示 API Radio Radio.RadioItem Radio 单选框 从多个互斥对象中，选中一个。 规则 一般出现在 List 右侧。 和 Switch 的区别是，Radio 支持 2 个以上互斥对象。 代码演示 列表单选框 Radio.RadioItem import ...

FAQ 你们会提供 Sass/Stylus 等格式的样式文件吗？ 当我点击 Select Dropdown DatePicker TimePicker Popover Popconfirm 内的另一个 popup 组件时它会消失，如何解决？ Select Dropdown DatePicker TimePicker Popover Popconfirm ...

更新日志 发布周期 2.3.0 2.2.14 2.2.12 2.2.10 2.2.9 2.2.7 2.2.6 2.2.4 2.2.3 2.2.2 2.2.1 2.2.0 2.1.11 2.1.10 2.1.9 2.1.8 2.1.7 2.1.6 2.1.5 2.1.4 2.1.3 2.1.2 2.1.1 2....

Switch 滑动开关 规则 代码演示 API Switch 滑动开关 在两个互斥对象进行选择，eg：选择开或关。 规则 只在 List 中使用。 避免增加额外的文案来描述当前 Switch 的值。 可调整 Switch 的样式来满足 app 的视觉风格。 代码演示 基本 滑动开关. (rc-form 文档 ) ...

Picker 选择器 规则 代码演示 API Picker 选择器 在一组预设数据中进行选择，e.g. 省市区选择。 规则 尽量使用 Picker 来帮助用户完成输入，避免用户通过键盘直接输入。 DatePicker 是 Picker 的特定模式。 代码演示 基本 数据级联选择示例. (rc-form 文档 ) ...

List 列表 规则 代码演示 API List List.Item List.Item.Brief List 列表 单个连续模块垂直排列，显示当前的内容、状态和可进行的操作。eg：联系人列表。 规则 一般由主要信息、主要操作、次要信息、次要操作组成。 主要信息和主要操作放在列表的左边，次要信息和次要操作放在列表的右边。 ...