Kendo UI for Angular Rating Overview

The Kendo UI for Angular Rating component enables the user to increase, decrease, and select predefined values by clicking its icons along or using the arrow keys.

The Rating Component is part of Kendo UI for Angular, a professional grade UI library with 110+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

The following example demonstrates the Angular Rating in action.

View Source
Change Theme:

Key Features

  • Selection—The Rating allows you to configure it for continuous or single selection mode.
  • Precision—You can configure the Rating and allow it to render half-full items.
  • Number of Items—The Rating allows you to specify the number of items that should be rendered.
  • Label—The Rating allows you to enable or disable a label.
  • Icon—The Rating allows you to change the default icon.
  • Disabled State—The Rating allows you to change the default icon.
  • Read-Only State—The Rating provides an option for overriding its default active state.
  • Templates—You can customize the icon by using templates.
  • Form Support—You can use the Rating both in template-driven and reactive Angular forms.
  • Globalization—All Kendo UI for Angular Inputs provide globalization options.
  • Accessibility—The Rating is accessible for screen readers and supports WAI-ARIA attributes.
  • Keyboard navigation—The Rating supports a number of keyboard shortcuts for processing various commands.

Support and Learning Resources

Additional Resources