Radio buttons

 <div class="form-field form-field--radio">
 <input type="radio" name="demo" value="value-here" id="name-here" class="form-radio" checked>
 <label for="name-here">Radio label 1 (checked)</label>
 </div>
    

 <div class="form-field form-field--radio">
 <input type="radio" name="demo" value="value-here" id="name-here" class="form-radio">
 <label for="name-here">Radio label 2</label>
 </div>
    

 <div class="form-field form-field--radio">
 <input type="radio" name="demo" value="value-here" id="name-here" class="form-radio" disabled>
 <label for="name-here">Radio label disabled</label>
 </div>
    

Checkboxes

 <div class="form-field form-field--checkbox">
 <input type="checkbox" name="demo" value="value-here" id="name-here" class="form-checkbox" checked>
 <label for="name-here">Checkbox label 1 (checked)</label>
 </div>
    

 <div class="form-field form-field--checkbox">
 <input type="checkbox" name="demo" value="value-here" id="name-here" class="form-checkbox">
 <label for="name-here">Checkbox label 2</label>
 </div>
    

 <div class="form-field form-field--checkbox">
 <input type="checkbox" name="demo" value="value-here" id="name-here" class="form-checkbox" disabled>
 <label for="name-here">Checkbox label disabled</label>
 </div>