CodeArea代码域 何时使用 代码演示 API CodeArea 自定义主题 更多编辑器配置项 CodeArea代码域 文本域用于输入一段文字。 何时使用 用于编辑或展示代码 代码演示 基本使用 基本使用。 import { CodeArea , Switch , Row , Col } ...

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

Pagination 分页 何时使用 代码演示 基本 更多 改变 跳转 尺寸 微型 简洁 受控 总数 上一步和下一步 API Pagination 分页 采用分页的形式分隔长列表，每次只加载一个页面。 何时使用 当加载/渲染所有数据将花费很多时间时； 可切换页码浏览数据。 代码演示 基本 基础分页。 ...

定制主题 样式变量 定制方式 1) theme 属性（推荐） 2) less 社区教程 定制主题 样式变量 choerodon-ui 的样式使用了 Less 作为开发语言，并定义了一系列全局/组件的样式变量，你可以根据需求进行相应调整。 默认样式变量 如果以上变量不能满足你的定制需求，可以给我们提 issue。 定制方式...

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

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

Spin 加载中 何时使用 代码演示 基本用法 各种大小 容器 卡片加载中 自定义描述文案 延迟 自定义指示符 API Spin 加载中 用于页面和区块的加载中状态。 何时使用 页面局部处于等待异步数据或正在渲染过程时，合适的加载动效会有效缓解用户的焦虑。 代码演示 基本用法 一个简单的 loading 状态。 ...

Progress进度条 何时使用 代码演示 API Progress进度条 进度条。 何时使用 展示进度。 代码演示 进度条 进度条。 import { Progress } from 'choerodon-ui/pro' ; ReactDOM . render ( <div> ...

List列表 何时使用 代码演示 API List List grid props List.Item List.Item.Meta List列表 通用列表。 何时使用 最基础的列表展示，可承载文字、列表、图片、段落，常用于后台数据展示页面。 代码演示 简单列表 列表拥有大、中、小三种尺寸。 通过设置 size ...

前置要求与约定 部署调用链 添加choerodon chart仓库 安装调用链 前置要求与约定 调用链作为独立的一部分，你可以选择安装或者不安装，如果选择安装需要安装Elasticseach数据库。如何安装请参考此处 ,Choerodon从0.12版本开始支持Skywalking，如果您使用之前的版本请安装zipkin。 部署调用链 调用...