• What is KendoReact
  • Getting Started
  • Server Components
  • Components
    • Animation
    • Barcodes
    • Buttons
    • Chartsupdated
    • Common Utilities
    • Conversational UIupdated
    • Data Gridupdated
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Formupdated
    • Ganttupdated
    • Gauges
    • Indicators
    • Inputsupdated
    • Labels
    • Layoutupdated
    • ListBox
    • ListView
    • Map
    • Notification
    • OrgChartnew
    • PDF Processing
    • PDFViewer
    • PivotGrid
    • Popup
    • Progress Bars
    • Ripple
    • Scheduler
    • ScrollView
    • Sortable
    • Spreadsheetupdated
    • TaskBoard
    • Tooltips
    • TreeList
    • TreeViewupdated
    • Upload
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • Updates
  • Troubleshooting

RatingItem and Rating component

The KendoReact RatingItem enables the user to implement different styles for the RatingItem children.

RatingItem customization

The RatingItem component could be used for customization of the existing rating item. The following example demonstrates the RatingItem in action, changing the icon visualization to heartIcon SvgIcon, based on the existing RatingItem rendering.

Example
View Source
Change Theme:

RatingItem override

The RatingItem look can be also completely changed and override the existing RatingItem rendering. The following example uses new custom rendering for the RatingItem - overwriting the old look. It also sets new custom labels.

Example
View Source
Change Theme: