JB Framework

Ratings

<div class="rating">
    <input class="rating--input" name="a" type="radio" value="3">
    <input class="rating--input" name="a" type="radio" value="2">
    <input class="rating--input" name="a" type="radio" value="1">
</div>

<div class="rating">
    <input class="rating--input" name="b" type="radio" value="3">
    <input class="rating--input" checked name="b" type="radio" value="2">
    <input class="rating--input" name="b" type="radio" value="1">
</div>

<div class="rating">
    <input class="rating--input" disabled name="c" type="radio" value="3">
    <input class="rating--input" disabled name="c" type="radio" value="2">
    <input class="rating--input" disabled name="c" type="radio" value="1">
</div>

<div class="rating">
    <input class="rating--input" disabled name="d" type="radio" value="3">
    <input class="rating--input" checked disabled name="d" type="radio" value="2">
    <input class="rating--input" disabled name="d" type="radio" value="1">
</div>

<div class="rating">
    <input class="rating--input invalid" name="e" type="radio" value="3">
    <input class="rating--input invalid" name="e" type="radio" value="2">
    <input class="rating--input invalid" name="e" type="radio" value="1">
</div>

<div class="rating">
    <input class="rating--input invalid" name="f" type="radio" value="3">
    <input class="rating--input invalid" checked name="f" type="radio" value="2">
    <input class="rating--input invalid" name="f" type="radio" value="1">
</div>