Rating

Rating is a set of radio buttons that allow the user to rate something.

Class name
Type
ratingComponent Wrapper component for radio buttons
rating-half
Modifier
To shows half of the shape
rating-hidden
Modifier
hides the input. Useful to clear the the rating
rating-lg
Responsive
Large rating
rating-md
Responsive
Medium rating (default)
rating-sm
Responsive
Small rating
rating-xs
Responsive
Extra small rating
# Rating
# mask-star-2 with warning color
# mask-heart with multiple colors
# mask-star-2 with green-500 color
# Sizes
# with `rating-hidden`
`rating-hidden` is a hidden radio at the start to allow uses remove their rating.
# half stars
Do you have a question? ask the community
Do you see a bug? open an issue on GitHub
Do you like daisyUI? tweet about it!
Support daisyUI's development: Open Collective
daisyUI store

Official daisyUI
Figma Library

Available on daisyUI store

More details