React 组件
UGRating 评分
交互态使用真实 radio group,自动获得 Tab、方向键和读屏语义;只读态不会伪装成可操作控件。
导入方式
按需从包入口导入组件,并在应用入口引入一次样式文件。
tsx
import { UGRating } from '@ug666/ui-react'可交互评分
可使用左右方向键切换评分。
当前评分:4
尺寸与只读
属性
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| value / defaultValue | number | 0 | 受控或非受控评分。 |
| max | number | 5 | 最大评分项数。 |
| size | sm | md | lg | md | 图标尺寸。 |
| readOnly | boolean | false | 只读展示模式。 |
| allowClear | boolean | false | 再次选择当前值时清空。 |