设计
设计指南
设计原则
样式指南
设计资源
Klein - Figma
Klein Font
官方图标库
开发
开发文档
React
Vue Web
敬请期待
开发资源
GitHub 代码仓库
生态产品
生态产品
Orion Fonts
敬请期待
Orio Market
敬请期待
Klein Pro
敬请期待
Klein Editor
敬请期待
评分 Rate
评分组件。
基础示例
允许半选
带文案
显示提示信息
只读
支持清除评分
自定义字符
自定义评分长度
Rate Props
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| allowClear | 是否允许再次点击后清除 | boolean | - |
| allowHalf | 是否允许半选 | boolean | false |
| autoFocus | 自动获取焦点 | boolean | - |
| character | 自定义字符 | ReactNode | - |
| className | 自定义样式类名 | string | - |
| count | star 总数 | number | 5 |
| defaultValue | 默认值 | number | - |
| disabled | 只读，无法进行交互 | boolean | - |
| style | 自定义样式对象 | CSSProperties | - |
| tooltips | 自定义每项的提示信息 | string[] | - |
| value | 当前数，受控值 | number | - |
| onBlur | 失去焦点时的回调 | ((event: (event: FocusEvent<Element>) => void) => void) | - |
| onChange | 选择时的回调 | ((value: number) => void) | - |
| onFocus | 获取焦点时的回调 | ((event: (event: FocusEvent<Element>) => void) => void) | - |
| onHoverChange | 鼠标经过时数值变化的回调 | ((value: number) => void) | - |
| onShowChange | 当前回显的值变化的回调 | ((value: number) => void) | - |
| onKeyDown | onKeyDown | ((event: (event: KeyboardEvent<Element>) => void) => void) | - |
贡献者
