Primary radio buttons

We use Radio buttons when we want to help users to make a single choice from a set of options. You can also use a dropdown if you need to save space in your design.

Optional subheading
<div class="inm-subheading">Optional subheading</div>
<div class="inm-radio inm-radio--inline">
  <input type="radio" name="name" id="radioButtonOption1" value="value1" class="inm-radio__input" checked="" />
  <label for="radioButtonOption1" class="inm-radio__label">
    <small class="imn-mid-grey-text">Small text label</small>
  </label>
</div>
<div class="inm-radio inm-radio--inline">
  <input type="radio" name="name" id="radioButtonOption2" value="value2" class="inm-radio__input" />
  <label for="radioButtonOption2" class="inm-radio__label">
    <small class="imn-mid-grey-text">Label second option</small>
  </label>
</div>
Style and spacing
Dropdown Spacing