ant-design/components/rate/index.zh-CN.md
muxin 0ea9c88048
feat: migrate less to token for Rate (#42135)
* feat: rename rate token

* docs: add component-token demo
2023-05-18 13:53:51 +08:00

2.1 KiB

category subtitle group title cover coverDark demo
Components 评分 数据录入 Rate https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*oyOcTrB12_YAAAAAAAAAAAAADrJ8AQ/original https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*M7_ER7GJr6wAAAAAAAAAAAAADrJ8AQ/original
cols
2

评分组件。

何时使用

  • 对评价进行展示。
  • 对事物进行快速的评级操作。

代码演示

基本 半星 文案展现 只读 清除 其他字符 自定义字符 组件 Token

API

属性 说明 类型 默认值 版本
allowClear 是否允许再次点击后清除 boolean true
allowHalf 是否允许半选 boolean false
autoFocus 自动获取焦点 boolean false
character 自定义字符 ReactNode | (RateProps) => ReactNode <StarFilled /> function(): 4.4.0
className 自定义样式类名 string -
count star 总数 number 5
defaultValue 默认值 number 0
disabled 只读,无法进行交互 boolean false
style 自定义样式对象 CSSProperties -
tooltips 自定义每项的提示信息 string[] -
value 当前数,受控值 number -
onBlur 失去焦点时的回调 function() -
onChange 选择时的回调 function(value: number) -
onFocus 获取焦点时的回调 function() -
onHoverChange 鼠标经过时数值变化的回调 function(value: number) -
onKeyDown 按键回调 function(event) -

方法

名称 描述
blur() 移除焦点
focus() 获取焦点

Design Token