Blazor Rating
The Blazor Rating captures a star rating, with a configurable number of stars and disabled or read-only modes.
Get and Set the value of Rating linkLink to this section
As all Radzen Blazor input components the Rating has a Value property which gets and sets the value of the component. Use @bind-Value to get the user input.
Get and Set the value of Rating using Value and Change event linkLink to this section
Value property can be used to set the value of the component and Change event to get the user input.
Set number of stars linkLink to this section
Use the Stars property to configure the number of stars displayed in the rating component.
Disabled Rating linkLink to this section
Use Disabled="true" to disable the Rating and prevent user interaction.
Read-only Rating linkLink to this section
Use ReadOnly="true" to display a rating that users can view but not modify.
Keyboard Navigation linkLink to this section
The following keys or key combinations provide a way for users to navigate and interact with Radzen Blazor Rating component.
| Press this key | To do this |
|---|---|
| Tab | Navigate to the clear button or the selected Rating star. |
| Shift + Tab | Navigate to the previous focusable element. |
| RightArrow or UpArrow | Select and focus the next Rating star. |
| LeftArrow or DownArrow | Select and focus the previous Rating star. |
| Space or Enter | Select the focused Rating star or clear the value when the clear button is focused. |
Frequently asked questions
How do I set the number of stars in the Blazor Rating?
Set Stars to the maximum number of stars, bind Value to the selected rating, and use ReadOnly to display a fixed rating.
Radzen Blazor Components, © 2018-2026 Radzen.
Source Code licensed under
MIT