--- title: Overview position: 1 seo_title: Overview of the Rating Component seo_description: Learn about the basic features of the Telerik and Kendo UI Rating component, its states, and variants. Check out the extensive set of available options in its live demo. --- ## Rating Overview The Rating component is a user interface element that allows users to provide feedback and express their satisfaction by assigning a numerical score within a predefined range. It is often used in applications, websites, and forms to collect user opinions and ratings for various content, products, or services. The Rating component displays a range of selectable items, such as stars or other icons, that users can click or tap to indicate their level of satisfaction. This component helps developers and businesses collect valuable user feedback, enabling them to improve their offerings and tailor their services to the user's preferences. ### Live Demo ### Appearance The Rating component provides built-in styling options that grant visually appealing and flexible rendering experience. #### States Depending on the action you want to imply through its appearance, the Telerik and Kendo UI Rating items can acquire various states that you can set by using the following classes: * A Rating item in its normal state appears usable and clickable. * `k-hover`—The hover state of the Rating item is triggered when the user moves the cursor over it. This state indicates that the element is interactive and the user can select it. * `k-selected`—The selected state of the Rating item is activated after the user has interacted with the component. * `read-only`—The read-only state of the Rating where the score is displayed, but users cannot interact with it. * `k-disabled`—The disabled state of the Rating indicates that the user cannot interact with the component. When disabled, the component has no interactive behavior, it is faded out and slightly out of focus, which helps the user to distinguish it from the active elements on the page. #### Anatomy The anatomy of the Rating summarizes the visual and functional elements of the component. The main elements include a Rating container with selectable items and a Rating label for displaying the numerical score. As a part of a Form component, you can add a label and a hint text to the Rating. The next image shows the anatomy of a Rating and includes the following elements: ![A Telerik and Kendo Rating component and its elements](images/components-rating-overview-anatomy.png "Anatomy and elements of a Telerik and Kendo UI Rating component") #### Variants Depending on the elements they display, the Telerik and Kendo UI Rating components can be any of the following types: * Rating with items only * Rating with items and rating label ![Two variants of the Telerik and Kendo Rating component including Rating only with items and Rating with items and label](images/components-rating-overview-variants.png "The two available variants of the Telerik and Kendo Rating component") ### Framework-Specific Documentation For specific information about the component, refer to its official product documentation: ![Kendo UI for Angular logo.](/images/angular-logo.svg) ![Telerik UI for Blazor logo.](/images/blazor-logo.svg) ![Kendo UI for jQuery logo.](/images/jquery-logo.svg) ![Kendo UI for React logo.](/images/react-logo.svg) ![Kendo UI for Vue logo.](/images/vue-logo.svg) ![Telerik UI for ASP.NET Core logo.](/images/core-logo.svg) ![Telerik UI for ASP.NET MVC logo.](/images/mvc-logo.svg)