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.
Hearts
The same scale for favorites and likes — here with the value on the left.
Emojis
A single-choice reaction instead of a score — quicker to answer, good for in-app feedback.
Scale
0 to 10, the Net Promoter Score question. The chosen number fills in.
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.