RatingComponent

Represents the Kendo UI Rating component for Angular. Use this component to let users select a rating value.

html

<kendo-rating [itemsCount]="5" [(value)]="ratingValue"></kendo-rating>

Selector

kendo-rating

Export Name

Accessible in templates as #kendoRatingInstance="kendoRating"

Inputs

Name	Type	Default	Description
disabled	boolean	false	When true, disables the Rating (see example). To disable the component in reactive forms, see Forms Support.
icon	string		Sets a custom font icon for the Rating items (see example).
itemsCount	number	5	Sets the number of Rating items (see example).
label	string		Sets the label text for the Rating. The text renders in a <span> element (see example).
precision	RatingPrecision	'item'	Sets the precision of the Rating (see example).
readonly	boolean	false	When true, sets the Rating to read-only (see example).
selection	RatingSelectionMode	'continuous'	Sets the selection mode of the Rating (see example).
svgIcon	SVGIcon		Sets a custom SVG icon for the selected or hovered state of the Rating items (see example).
svgIconOutline	SVGIcon		Sets a custom SVG icon for the default state of the Rating items when not hovered or selected (see example).
tabindex	number	0	Sets the tabindex of the Rating.
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

Name	Type	Description
valueChange	EventEmitter<number>	Fires when the user selects a new value.

Methods

blur
Blurs the Rating component.

focus
Focuses the Rating component.