Star Rating

Small rating component: numeric value + gold star icons. Used in the testimonial cards and featured testimonial.

Sizes

5.0
sm (default)
5.0
md
tsx
<StarRating />
<StarRating size="md" />

Custom rating

4.0
3.0
tsx
<StarRating rating={4} />
<StarRating rating={3} />

Props

PropTypeDefaultDescription
ratingnumber5Numeric rating. Rendered as N filled gold stars plus the value label.
size"sm" | "md""sm"`sm` = 14px stars, `md` = 16px stars.

Import

tsx
import { StarRating } from '@/components/ui/StarRating'