RatingComponent

Represents the Kendo UI Rating component for Angular.

Selector

kendo-rating

Export Name

Accessible in templates as #kendoRatingInstance="kendoRating"

Inputs

Name	Type	Default	Description
disabled	boolean	false	Determines whether the Rating is disabled (see example). To learn how to disable the component in reactive forms, refer to the article on Forms Support.
icon	string		Sets custom Rating font icon (see example).
itemsCount	number	5	Sets the number of rating items (see example).
label	string		Sets the Rating label. It is not the native HTML label element, it is just a span element with the provided text (see example).
precision	RatingPrecision	'item'	Determines the precision of the Rating (see example).
readonly	boolean	false	Determines whether the Rating is in its read-only state (see example).
selection	RatingSelectionMode	'continuous'	Sets the selection mode of the Rating (see example).
svgIcon	SVGIcon		Sets custom Rating SVG icon. It is the icon that is used for selected/hovered state (see example).
svgIconOutline	SVGIcon		Sets custom Rating SVG icon. It is the icon that is used for not selected/hovered state (see example).
tabindex	number	0	Specifies the tabindex of the Rating.
value	number		The initial value of the Rating component. The component can use either NgModel or the value binding but not both of them at the same time.

Events

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

Methods

blur
Blurs the Rating component.

focus
Focuses the Rating component.