Rating component

Ratings provide insight regarding others opinions and experiences with a product. Users can also rate products they’ve purchased.

Examples

Basic

<Rating Color="Color.Primary" />

Two-way binding

<Rating Color="Color.Primary" @bind-SelectedValue="@SelectedValue" MaxValue="10" />
@code{
    int SelectedValue = 7;
}

Attributes

Name Description Type Default
MaxValue Maximum rating value that is allowed to be selected. int 5
ReadOnly Prevents modification of the input’s value. bool false
Disabled Prevent the user interactions and make it appear lighter. bool false
FullIcon Defines the selected icon name. object IconName.Star
EmptyIcon Defines the non-selected icon name. object IconName.Star
FullIconStyle Defines the selected icon style. IconStyle? Solid
EmptyIconStyle Defines the non-selected icon style. IconStyle? Regular
Color Defines the color or icons. Color Warning