COMPONENT: Stars
VARIANTS: sm | default | lg + optional count label

Read-only 5-star rating display. Caller emits filled (fa-solid fa-star) and empty (fa-light fa-star) icons; the component styles the wrapper + icon color/opacity.

Integer ratings (1–5)

Rating 1:
Rating 2:
Rating 3:
Rating 4:
Rating 5:
<div class="stars"><i class="fa-solid fa-star"></i>...</div>

Size variants

sm (12px):
default (14px):
lg (17.5px):

With count label

Append a .stars-count span after the icons.

4.8 · 124 reviews
<span class="stars-count">4.8 · 124 reviews</span>