Rating
v1.0.3Updated 20 Jul 2026Five-star rating with half-star precision, hover preview, hover labels, custom icon support, read-only / disabled states, and three sizes.
Preview
Live · 10 storiesDefaultOpen ↗
▸Why this is recommendedformratingstarsreview+2
The default, out-of-the-box Rating.
Recommended for+14
- ✓Review / feedback forms
- ✓Product ratings
- ✓Like / favourite controls
Tags+6
formratingstarsreviewhalf-stardefault
Features+4
- 1-5 stars (configurable max)
- Precision: 0.5 (half-star) or 1
- Hover preview
- Hover label slot
- Custom icon (heart, thumbs-up, …)
- Read-only + disabled states
- Sizes sm / md / lg
Not recommended for−2
- ✕Numeric input with > 10 values (use Slider)
- ✕Yes / no (use Switch)
Install
Ask your agent, or call the MCP tool directly. The resolved bundle is written into your project.
Usage
Tick variants in the left menu — each adds a tab with that variant’s real story source, the same code the preview above renders.
Props
PropTypeRequired
valueCurrent rating
—onValueChangeValue change callback
—maxMaximum stars
—precisionStep precision
—iconCustom icon
—readOnlyRead-only display
—hoverLabelsPer-step hover labels
—