You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
---
|
|
|
|
|
category: Components
|
|
|
|
|
type: Data Entry
|
|
|
|
|
title: Rate
|
|
|
|
|
---
|
|
|
|
|
|
|
|
|
|
Rate component.
|
|
|
|
|
|
|
|
|
|
## When To Use
|
|
|
|
|
|
|
|
|
|
- Show evaluation.
|
|
|
|
|
- A quick rating operation on something.
|
|
|
|
|
|
|
|
|
|
## API
|
|
|
|
|
|
|
|
|
|
| Property | Description | type | Default |
|
|
|
|
|
|------------|----------------|-------------------|-------------|
|
|
|
|
|
| count | star count | number | 5 |
|
|
|
|
|
| value | current value | number | - |
|
|
|
|
|
| defaultValue | default value | number | 0 |
|
|
|
|
|
| onChange | callback when select value | Function(value: number) | - |
|
|
|
|
|
| onHoverChange | callback when hover item | Function(value: number) | - |
|
|
|
|
|
| allowHalf | whether to allow semi selection | boolean | false |
|
|
|
|
|
| disabled | read only, unable to interact | boolean | false |
|
|
|
|
|
| character | custom character of rate | ReactNode | `<Icon type="star" />` |
|
|
|
|
|
| className | custom class name of rate | string | - |
|
|
|
|
|
| style | custom style object of rate | object | - |
|
