Rating Component

Interactive — click stars to set

Selected: 0 (click the active star to clear)

<Rating Value="@_rating"
        ValueChanged="@((decimal v) => _rating = v)"
        ShowValue="true" />

Read-only — fractional averages

4.0 stars

4.5 stars

3.7 stars

3.7

<Rating Value="4.0m" ReadOnly="true" />
<Rating Value="4.5m" ReadOnly="true" />
<Rating Value="3.7m" ReadOnly="true" ShowValue="true" />

Sizes

<Rating Value="4m" ReadOnly="true" Size="sm" />
<Rating Value="4m" ReadOnly="true" Size="md" />
<Rating Value="4m" ReadOnly="true" Size="lg" />
<Rating Value="4m" ReadOnly="true" Size="xl" />

Custom max — 10-point scale

<Rating Value="@_score"
        ValueChanged="@((decimal v) => _score = v)"
        Max="10"
        ShowValue="true" />