Rating
Live preview and documentation for the Rating component.
About
Star rating (KasyRating). Display-only when onChanged is null; interactive (tappable) when set — tapping a star sets the whole rating.
value: can be fractional (e.g. 3.5) to show a partially-filled star in display mode; interactive taps always resolve to a whole number.count: number of stars (default 5).size:sm(18px) /md(24px, default) /lg(32px).onChanged: null = read-only; set = interactive.semanticLabel: accessibility label.
Note: partial fill is done by clipping the same outline star icon in two colors, since the icon set (Lucide) has no separate "filled star" version.
Preview
Loading the component…
Last updated on 11/03/2026