RatingItemProps

Represents the properties of [RatingItem](% slug api_inputs_ratingitem %) component.

Name	Type	Default	Description
dir?	string		Determines the RatingItem direction ltr - by default, or rtl.
half?	boolean		Determines if icon is partly selected.
haveSelectedValue?	boolean		Determines if some of the RatingItems are selected. See example
hovered?	boolean		Determines if current RatingItem is hovered.
icon?	any		Sets the icon of current RatingItem component. See example
id?	string		Sets the id property of the top div element of the RatingItem.
onBlur?	(event: FocusEvent) => void		Triggered after onBlur event. Gets outside access to the target element and the event type.
onClick?	(event: RatingItemMouseEvent) => void		Triggered after onClick event. Gets outside access to the target element, the new value and the event type.
onFocus?	(event: FocusEvent) => void		Triggered after onFocus event. Gets outside access to the target element and the event type.
onKeyDown?	(event: KeyboardEvent) => void		Triggered after onKeyDown event. Gets outside access to the target element, the new value and the event type.
onMouseEnter?	(event: RatingItemMouseEvent) => void		Triggered after onMouseEnter event. Gets outside access to the target element and the event type.
onMouseLeave?	(event: RatingItemMouseEvent) => void		Triggered after onMouseLeave event. Gets outside access to the target element and the event type.
onMouseMove?	(event: RatingItemMouseEvent) => void		Triggered after onMouseMove event. Gets outside access to the target element and the event type.
selected?	boolean		Determines if current RatingItem is selected. See example
svgIcon?	SVGIcon		Sets custom Rating SVG icon.
svgIconOutline?	SVGIcon		Sets custom Rating SVG icon.
tabIndex?	number		Sets the tabIndex attribute.
title?	string		Sets the title of current RatingItem component. See example
value	number		Sets the current value of the RatingItem, used in controlled mode.