Skip to content
SLIDERS AND RATING · FREE

Rating

Collect star ratings with a single click.

Collect star ratings with a single click, and let users clear them with another.

Why it helps

  • One click to rate
  • Clearable
  • Keyboard support

Where it fits

  • Product reviews
  • Feedback forms
  • Quality scores
Rating control in a RayCraft page

Example

<Stack Direction="StackDirection.Column">
    <Rating @bind-Value="_stars" Label="Product rating" />
    <span>Rated: @_stars of 5</span>
    <Rating @bind-Value="_fixed" ReadOnly Label="Read only" />
</Stack>

@code {
    private int _stars = 3;
    private int _fixed = 4;
}

A short fragment. Add @using RayCraft.Blazor.Components to your page and use an interactive render mode.

Included in RayCraft Free. Working examples are in the GitHub repository (MIT); it holds example and demo code, not the library code.

All controls ยท Documentation