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

Badge徽标数 何时使用 代码演示 API Badge徽标数 图标右上角的圆形徽标数字。 何时使用 一般出现在通知图标或头像的右上角，用于显示需要处理的消息条数，通过醒目视觉形式吸引用户处理。 代码演示 基本 简单的徽章展示，当 count 为 0 时，默认不显示，但是可以使用 showZero 修改为显示。 im...

定制主题 样式变量 定制方式 1) theme 属性（推荐） 2) less 社区教程 定制主题 Ant Design 设计规范上支持一定程度的样式定制，以满足业务和品牌上多样化的视觉需求，包括但不限于主色、圆角、边框和部分组件的视觉定制。 样式变量 choerodon-ui 的样式使用了 Less 作为开发语言，并定义了一系列...

Switch 开关 何时使用 代码演示 基本 受控 绑定数据源 文字 只读 API Switch 开关 开关选择器。 何时使用 需要表示开关状态/两种状态之间的切换时； 和 checkbox 的区别是，切换 switch 会直接触发状态改变，而 checkbox 一般用于状态标记，需要和提交操作配合。 代码演示 ...

Range滑块 何时使用 代码演示 API Range Range滑块 Range。 何时使用 代码演示 基本使用 带有 range 控件的数字字段。 import { Range } from 'choerodon-ui/pro' ; ReactDOM . render ( <div...

Alert警告提示 何时使用 代码演示 API Alert警告提示 警告提示，展现需要关注的信息。 何时使用 当某个页面需要向用户显示警告的信息时。 非浮层的静态展现形式，始终展现，不会自动消失，用户可以点击关闭。 代码演示 基本 最简单的用法，适用于简短的警告提示。 import { Alert }...

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

Steps步骤条 何时使用 代码演示 API Steps Steps.Step Steps步骤条 引导用户按照流程完成任务的导航条。 何时使用 当任务复杂或者存在先后关系时，将其分解成一系列步骤，从而简化任务。 代码演示 基本用法 简单的步骤条。 import { Steps } from 'cho...

TimePicker时间选择框 代码演示 API 方法 TimePicker时间选择框 当用户需要输入一个时间，可以点击标准输入框，弹出时间面板进行选择。 代码演示 基本 点击 TimePicker，然后可以在浮层中选择或者输入某一时间。 import { TimePicker } from 'choerod...

Radio单选框 何时使用 代码演示 API Input[type=radio] Radio单选框 表单控件。 何时使用 代码演示 基本使用 请确保Radio具有相同的name属性以实现单选功能。 import { Radio } from 'choerodon-ui/pro' ; functi...