Rating
An interactive star rating input.
Usage
Installation
npm install @wunderui/reactThen import what you need:
import { Rating, RatingCell, RatingLabel, RatingType } from "@wunderui/react"Examples
Stars
The classic five-star review. The value sits to the right; hover previews a score before you click.
How was your order?
Hearts
The same scale for favorites and likes — here with the value on the left.
How much did you like this template?
Emojis
A single-choice reaction instead of a score — quicker to answer, good for in-app feedback.
How do you feel about the new editor?
Scale
0 to 10, the Net Promoter Score question. The chosen number fills in.
How likely are you to recommend WunderUI?
In context
How the component is used inside real screens — the same compositions as the Usage section of the Figma page.
Social proof
A read-only star rating next to an avatar stack, for landing pages and pricing.
Modal
A 0–10 scale asking how likely someone is to recommend you, with a reason field.
Toast
Rate the support experience right where the ticket closes.
Popover
A quick mood check with five faces and an optional comment.