Progress进度条 何时使用 代码演示 API Progress进度条 展示操作的当前进度。 何时使用 在操作需要较长时间才能完成时，为用户显示该操作的当前进度和状态。 当一个操作会打断当前界面，或者需要在后台运行，且耗时可能超过2秒时； 当需要显示一个操作完成的百分比时。 代码演示 进度条 标准的进度条。 ...

国际化 LocaleProvider LocaleContext i18n 项目示例 LocaleProvider LocaleContext i18n 项目示例 国际化 choerodon-ui 目前的默认文案是英文，如果需要使用其他语言，可以参考下面的方案。 LocaleProvider choerodon-ui 提供了一...

Switch开关 何时使用 代码演示 API 方法 Switch开关 开关选择器。 何时使用 需要表示开关状态/两种状态之间的切换时； 和 checkbox 的区别是，切换 switch 会直接触发状态改变，而 checkbox 一般用于状态标记，需要和提交操作配合。 代码演示 基本 最简单的用法。 imp...

Output文本展示 何时使用 代码演示 API Output Output文本展示 展示文本。 何时使用 单纯用于展示文本，常用在表单中。 代码演示 基本使用 基本使用。 import { Output } from 'choerodon-ui/pro' ; ReactDOM . rende...

社区精选组件 社区精选组件 choerodon-ui 是 Choerodon 的 UI 组件库，同时还包含了企业级组件库 choerodon-ui/pro 。为了尽量不重复造轮子，我们推荐使用以下社区已有的优秀实现，与 choerodon-ui 形成互补： 类型 推荐组件 路由 react-router 布局 react-blocks rea...

DatePicker 日期选择框 何时使用 代码演示 基本使用 受控日期控件 DataSet 最大最小值 单元格渲染器 多值 范围 时间格式 时间步距 API DatePicker DatePicker 日期选择框 输入或选择日期的控件。 何时使用 当用户需要输入一个日期，可以点击标准输入框，弹出日期面板进行选择。 ...

Card卡片 何时使用 代码演示 API Card Card.Grid Card.Meta Card卡片 通用卡片容器。 何时使用 最基础的卡片容器，可承载文字、列表、图片、段落，常用于后台概览页面。 代码演示 典型卡片 包含标题、内容、操作区域。 import { Card } from 'ch...

Progress 进度条 何时使用 代码演示 进度条 进度圈 小型进度条 小型进度圈 动态展示 进度圈动态展示 自定义文字格式 仪表盘 加载 分段进度条 API Progress 进度条 展示操作的当前进度。 何时使用 在操作需要较长时间才能完成时，为用户显示该操作的当前进度和状态。 当一个操作会打断当前界面，或者...

Rate评分 何时使用 代码演示 API 方法 Rate评分 评分组件。 何时使用 对评价进行展示。 对事物进行快速的评级操作。 代码演示 基本 最简单的用法。 import { Rate } from 'choerodon-ui' ; ReactDOM . render (< Ra...

Rate 评分 何时使用 代码演示 基本 半星 文案展现 只读 清除 其他字符 API 方法 Rate 评分 评分组件。 何时使用 对评价进行展示。 对事物进行快速的评级操作。 代码演示 基本 最简单的用法。 import React from 'react' ; import Reac...