Checkboxes & radios

Checkboxes

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vero culpa voluptatem consectetur sequi ab minima nisi eveniet quibusdam, qui nobis provident, distinctio cumque saepe mollitia velit dolorem quo autem, veritatis!

Help messages where appropriate.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellendus ducimus asperiores qui consequatur adipisci vero reiciendis, nesciunt, assumenda quod corporis officia debitis illo vel velit porro quo autem nisi facere!

<ul class="checkboxes">
  <li>
    <input type="checkbox" id="..." checked>
    <label for="...">...</label>
  </li>
  <li>
    <input type="checkbox" id="...">
    <label for="...">...</label>
  </li>
  <li>
    <input type="checkbox" id="...">
    <label for="...">...</label>
  </li>
  <li>
    <input type="checkbox" id="..." disabled>
    <label for="...">...</label>
  </li>
</ul>
<small class="help">...</small>

Radio buttons

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam iusto provident laudantium earum, nisi cumque ipsam voluptas fugit accusamus eius expedita cupiditate excepturi deleniti vitae consectetur laboriosam praesentium, eveniet quisquam?

Help messages where appropriate.
<ul class="radios">
  <li>
    <input type="radio" name="..." id="..." checked>
    <label for="...">...</label>
  </li>
  <li>
    <input type="radio" name="..." id="...">
    <label for="...">...</label>
  </li>
  <li>
    <input type="radio" name="..." id="...">
    <label for="...">...</label>
  </li>
  <li>
    <input type="radio" name="..." id="..." disabled>
    <label for="...">...</label>
  </li>
</ul>
<small class="help">...</small>

Inline boxes

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt vitae autem hic molestias veniam nobis ad iusto odio nostrum officiis, sequi quasi, neque adipisci. Saepe qui beatae, reiciendis minima quia!

Help messages where appropriate.
Help messages where appropriate.
<ul class="checkboxes inline"></ul>
<ul class="radios inline"></ul>

Button styles

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nostrum ducimus similique, dolores velit nesciunt at. Excepturi quod alias nisi corporis neque veniam laudantium maiores, pariatur ipsam odio nesciunt! Dolorum, ullam.

Help messages where appropriate.
<ul class="checkboxes buttons"></ul>
<ul class="radios buttons"></ul>