Skip to content

Rater properties

Summary


Props table


Parameter
Type
Default
number
0
number
5
boolean
false
JSX.Element
/
JSX.Element
/
boolean
false
(newValue: number) => void
() => {}


Props list



value

Type
Default
number
0


actual vote



max

Type
Default
number
5


max vote (max number of icons displayed)



readOnly

Type
Default
boolean
false


if true, the rate can't be changed by clicking on the icons



emptyIcon

Type
Default
JSX.Element
/


Empty rate icon, used to render the rate value. If not set, a standard unfilled star icon is used



fullIcon

Type
Default
JSX.Element
/


Full rate icon, used to render the rate value. If not set, a standard filled star icon is used



vertical

Type
Default
boolean
false


if true, rate icons will be displayed vertically



onChange

Type
Default
(newValue: number) => void
() => {}


callback triggered when user select a vote