DAHLIA Pattern Library

Radio 

<div class="radio">
    <input type="radio" name="groupName" id="radio1" />
    <label for="radio1">Radio 1</label>
</div>

<div class="radio">
    <input type="radio" name="groupName" id="radio2" />
    <label for="radio2">Radio 2</label>
</div>
 
<div class="radio">
  <input type="radio" name="groupName" id="radio1" /> 
  <label for="radio1">{{default text 'Radio 1'}}</label>
</div>

<div class="radio">
  <input type="radio" name="groupName" id="radio2" /> 
  <label for="radio2">{{default text2 'Radio 2'}}</label>
</div>
 
/* No context defined for this component. */

Custom radios cannot be nested within labels.