RatingComponent
Represents the Kendo UI Rating component for Angular. Use this component to let users select a rating value.
Definition
Package:@progress/kendo-angular-inputs
Selector:kendo-rating
Export Name:Accessible in templates as #kendoRatingInstance="kendoRating"
Syntax:
<kendo-rating [itemsCount]="5" [(value)]="ratingValue"></kendo-rating>Inputs
disabled
boolean
When true, disables the Rating (see example).
To disable the component in reactive forms, see Forms Support.
false
icon
string
Sets a custom font icon for the Rating items (see example).
itemsCount
number
Sets the number of Rating items (see example).
5
label
string
Sets the label text for the Rating. The text renders in a <span> element (see example).
Sets the precision of the Rating (see example).
'item'
readonly
boolean
When true, sets the Rating to read-only (see example).
false
Sets the selection mode of the Rating (see example).
'continuous'
svgIcon
SVGIcon
Sets a custom SVG icon for the selected or hovered state of the Rating items (see example).
ratingStarIcon
svgIconOutline
SVGIcon
Sets a custom SVG icon for the default state of the Rating items when not hovered or selected (see example).
ratingStarOutlineIcon
value
number
Sets the initial value of the Rating component.
Use either ngModel or the value binding, but not both at the same time.
Events
valueChange
EventEmitter<number>
Fires when the user selects a new value.