User Manual

Option-button

This option button offers the user a choice between 2 answers. Never less, never more. It acts like a group of radio-buttons, but looks a bit more visually pleasing and inherits from the button styling.

Default

Choose an option
Give a bit more explanation about this question.

    
      

  

<div class="m-option-button ">
  <div class="m-option-button__title">Choose an option</div>
  <div class="m-option-button__content">Give a bit more explanation about this question.</div>
  <div class="m-option-button__toggles">
    
      <label for="styleguide-option-1" class="m-option-button__item">
        <input class="m-option-button__input" type="radio" id="styleguide-option-1" name="styleguide-options" value="styleguide-option-1"/>
        <span class="m-option-button__label">Option 1</span>
      </label>
    
      <label for="styleguide-option-2" class="m-option-button__item">
        <input class="m-option-button__input" type="radio" id="styleguide-option-2" name="styleguide-options" value="styleguide-option-2"/>
        <span class="m-option-button__label">Option 2</span>
      </label>
    
  </div>
</div>