Rating

The rating component is used to capture or display user feedback through a simple, familiar scale.

Rating & Review

With label

4.55.2K Rating

52.2K Rating

Rating input

Rating bar

Rating bar Text area

With button

API References

Rating

PropTypeDefault

value

number

—

max

number

icon

"star""heart"

"star"

size

number

onChange

(value: number) => void

—

className

string

" "

Rating Summary

PropTypeDefault

value / max / icon

—

count / reviewsLabel

ReactNode

—

onReviewsClick

() => void

—

direction

"none""horizontal""vertical"

"vertical"

className

string

" "

Rating Bar / Rating Input

PropTypeDefault

icon

"star""heart""emoji""number"

"star"

value / onChange / max

—

max: 5

className

string

" "

Rating Bar Area

PropTypeDefault

icon / value / onChange / max

—

placeholder

string

"Tell us why!"

feedback / onFeedbackChange

string / function

—

footer

ReactNode

—

className

string

" "