ant-design/components/rate/index.en-US.md
MadCcc 40e77c40d3
docs: overview dark cover (#40666)
* docs: add dark overview

* docs: show dark cover in dark theme

* docs: update cover
2023-02-09 22:17:31 +08:00

2.1 KiB

category group title cover coverDark demo
Components Data Entry 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

Rate component.

When To Use

  • Show evaluation.
  • A quick rating operation on something.

Examples

Basic Half star Show copywriting Read only Clear star Other Character Customize character

API

Property Description type Default Version
allowClear Whether to allow clear when click again boolean true
allowHalf Whether to allow semi selection boolean false
autoFocus If get focus when component mounted boolean false
character The custom character of rate ReactNode | (RateProps) => ReactNode <StarFilled /> function(): 4.4.0
className The custom class name of rate string -
count Star count number 5
defaultValue The default value number 0
disabled If read only, unable to interact boolean false
style The custom style object of rate CSSProperties -
tooltips Customize tooltip by each character string[] -
value The current value number -
onBlur Callback when component lose focus function() -
onChange Callback when select value function(value: number) -
onFocus Callback when component get focus function() -
onHoverChange Callback when hover item function(value: number) -
onKeyDown Callback when keydown on component function(event) -

Methods

Name Description
blur() Remove focus
focus() Get focus