Search for a command to run...
An interactive star rating component with smooth animations and customizable options.
Default
With Value
Small
Medium
Large
10 Stars
Disabled
import { StarRating } from "@/registry/optics/star-rating";<StarRating /><StarRating defaultValue={3} /><StarRating size="sm" /><StarRating size="md" /><StarRating size="lg" /><StarRating totalStars={10} /><StarRating disabled /><StarRating onRate={(rating) => console.log(rating)} />import { StarRating } from "@/registry/optics/star-rating";<StarRating /><StarRating defaultValue={3} /><StarRating size="sm" /><StarRating size="md" /><StarRating size="lg" /><StarRating totalStars={10} /><StarRating disabled /><StarRating onRate={(rating) => console.log(rating)} />