• Getting Started
  • Components
    • Barcodes
    • Buttons
    • Chartsupdated
    • Conversational UIupdated
    • Data Query
    • Date Inputsupdated
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Filter
    • Gantt
    • Gauges
    • Gridupdated
    • Icons
    • Indicators
    • Inputsupdated
    • Labels
    • Layoutupdated
    • ListBox
    • ListView
    • Map
    • Menus
    • Navigation
    • Notification
    • Pager
    • PDF Export
    • PDFViewer
    • PivotGridupdated
    • Popup
    • ProgressBars
    • Ripple
    • Schedulerupdated
    • ScrollView
    • Sortable
    • Spreadsheetupdated
    • ToolBar
    • Tooltips
    • TreeList
    • TreeView
    • Typography
    • Uploads
    • Utilities
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Sample Applications
  • FAQ
  • Troubleshooting
  • Updates
  • Changelogs
New to Kendo UI for Angular? Start a free 30-day trial

RatingComponent

Represents the Kendo UI Rating component for Angular.

Selector

kendo-rating

Export Name

Accessible in templates as #kendoRatingInstance="kendoRating"

Inputs

NameTypeDefaultDescription

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

NameTypeDescription

valueChange

EventEmitter<number>

Fires each time the user selects a new value.

Methods

blur

Blurs the Rating component.

focus

Focuses the Rating component.

In this article

Not finding the help you need?