vuecssuiant-designantdreactantantd-vueenterprisefrontendui-designvue-antdvue-antd-uivue3vuecomponent
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.
1.5 KiB
1.5 KiB
category | type | title | cover |
---|---|---|---|
Components | Data Entry | Rate | https://gw.alipayobjects.com/zos/alicdn/R5uiIWmxe/Rate.svg |
Rate component.
When To Use
- Show evaluation.
- A quick rating operation on something.
API
Property | Description | type | Default |
---|---|---|---|
allowClear | whether to allow clear when click again | boolean | true |
allowHalf | whether to allow semi selection | boolean | false |
autofocus | get focus when component mounted | boolean | false |
character | custom character of rate | String or slot="character" | <StarOutlined /> |
count | star count | number | 5 |
disabled | read only, unable to interact | boolean | false |
tooltips | Customize tooltip by each character | string[] | - |
value(v-model) | current value | number | - |
events
Events Name | Description | Arguments | |
---|---|---|---|
blur | callback when component lose focus | Function() | - |
change | callback when select value | Function(value: number) | - |
focus | callback when component get focus | Function() | - |
hoverChange | callback when hover item | Function(value: number) | - |
keydown | callback when keydown on component | Function(event) | - |
Methods
Name | Description |
---|---|
blur() | remove focus |
focus() | get focus |