DSO Component Library

Input Group: Radio 

<div class="input-group ">
    <span class="input-group-addon">
      <input type="radio" aria-label="Selecteer veld"/>
    </span>
    <input type="text" class="form-control" aria-label="Vul naam in" placeholder="Gebruikersnaam" />
</div>
 
<div class="input-group {{ modifier }}">
  {{#if radioLeft }}
    <span class="input-group-addon">
      <input type="radio" aria-label="{{ ariaLabelAddon }}"/>
    </span>
  {{/if}}
  <input type="text" class="form-control" aria-label="{{ ariaLabel }}" {{{ifattr 'placeholder' placeholder}}}/>
  {{#if radioRight }}
    <span class="input-group-addon">
      <input type="radio" aria-label="{{ ariaLabelAddon }}"/>
    </span>
  {{/if}}
</div>
 
id: radio
placeholder: Gebruikersnaam
radioLeft: true
ariaLabelAddon: Selecteer veld
ariaLabel: Vul naam in

Maak visueel uitgebreide elementen met input groups. Combineer een input group niet met een form group, maar plaats de input group in plaats daarvan IN de form group.