Glowup
INPUTS · 43 / 89
Rating
Rating — a Material You inputs component for React Native and web.
󱀫
packages/ui/src/components/Rating.tsx
Live demo
Properties
4 controls
Value
Max
Size
Disabled
Usage
Rating.tsx
<Rating value={3.5} />
Variants
The states and shapes this component is meant to be used in.
Values
Excellent
Good — 3.5 of 5
Below average
Not rated yet
Sizes
16 px — inline in a product list
24 px — default
36 px — review form
Read only and disabled
4.5 — 128 reviews
Rating locked after 30 days
Ten star scale
How likely are you to recommend us?
8 of 10
API reference
Generated from the library's TypeScript, so it cannot drift from the implementation.
Props
5 on RatingProps
value
required
number
Current rating; halves are rendered (e.g. 3.5).
disabled
boolean
max
number
default: 5
onChange
(value: number) => void
Interactive when provided; tapping a star sets a whole value.
size
number
default: 24