Rate

Used for rating operation on something.

When to use

The simplest usage.

Support select half star.

Read only, can't use mouse to interact.

Replace the default star to other character like alphabet, digit, iconfont or even Chinese word.

Three sizes.

Add copywriting in rate components.

Allow clearing the rating when clicking the same star again.

Can customize each character using (RateProps) => ReactNode.

Rate are exported from @ceebee/ui/client.

Property	Description	Type	Default	Version
`allowClear`	Whether to allow clear when click again	`boolean`	`true`	—
`allowHalf`	Whether to allow semi selection	`boolean`	`false`	—
`character`	The custom character of rate	`ReactNode \| (RateProps) => ReactNode`	`<StarFilled />`	function(): 4.4.0
`count`	Star count	`number`	`5`	—
`defaultValue`	The default value	`number`	`0`	—
`disabled`	If read only, unable to interact	`boolean`	`false`	—
`keyboard`	Support keyboard operation	`boolean`	`true`	5.18.0
`size`	Star size	`'small' \| 'medium' \| 'large'`	`'medium'`	—
`tooltips`	Customize tooltip by each character	`TooltipProps[] \| 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)`	`-`	—
`blur()`	Remove focus	`—`	`—`	—
`focus()`	Get focus	`—`	`—`	—