2.30 #Components.rating Rating

Toggle example guides Toggle HTML markup

A basic rating component.

Browser support: IE9+ (no transition), Safari6+, Firefox30+, Chrome30+

Markup
<div>
  <div class="sb-rating">
    <input type="radio" name="rating-1" id="rating-1" class="sb-rating__input">
    <label class="sb-rating__label" for="rating-1">1</label>
  </div>
  <div class="sb-rating">
    <input type="radio" name="rating-1" id="rating-1b" class="sb-rating__input" checked>
    <label class="sb-rating__label" for="rating-1b">1</label>
  </div>
</div>
Source: components/_rating.scss, line 3