Skip to main content

Overview

Star rating inputs and read-only displays for customer reviews, feedback forms, and product ratings.

Interactive Rating

★ ★ ★ ★ ★
<div class="rating" data-boodoo="rating" data-rating-value="4">
  <span class="rating-star">★</span>
  <span class="rating-star">★</span>
  <span class="rating-star">★</span>
  <span class="rating-star">★</span>
  <span class="rating-star">★</span>
</div>

Readonly Rating

★ ★ ★ ★ ★
<div class="rating rating-readonly" data-boodoo="rating" data-rating-value="5">
  <span class="rating-star">★</span>
  <span class="rating-star">★</span>
  <span class="rating-star">★</span>
  <span class="rating-star">★</span>
  <span class="rating-star">★</span>
</div>