JB logo

Command Palette

Search for a command to run...

yOUTUBE
Blog
PreviousNext

Star Rating

Display star ratings with half-star support and configurable sizes.

Installation

pnpm dlx shadcn@latest add https://jb.desishub.com/r/star-rating.json

Usage

import { StarRating } from "@/components/star-rating";
<StarRating rating={4.5} />
<StarRating rating={3} size="lg" showCount reviewCount={128} />

Props

PropTypeDefaultDescription
ratingnumber-Rating value (supports 0.5).
maxRatingnumber5Maximum number of stars.
size"sm" | "default" | "lg""default"Star size variant.
showCountbooleanfalseShow numeric rating and count.
reviewCountnumber-Number of reviews to display.