Option

The option component combines a radio button with a content block. This content block can be anything. But there is a label layed over the content so the content block can toggle the radio button.

Account


    
      

  

<div class="m-option ">
  

<div class="a-radio m-option__radio">
	<label for="account-select-from-1" class="a-radio__container">
		<input class="a-radio__input" type="radio" id="account-select-from-1" name="account-select-from" value="" />

		<span class="a-radio__holder"></span>

    
	</label>
</div>



  <div class="m-option__content">
    <label
      class="m-option__label "
      for ="account-select-from-1"
      
    >
    </label>

    <div class="m-option__content-container ">
      

<article class="m-summary m-account-option__content">
  

  <div class="m-summary__container">

    

    
      

<div class="m-summary__visual">
  
    <div class="m-summary__image-container">
      <img class="m-summary__image" src="/assets/general/img/logos/logo-nibc.png" alt="J.Bogaerts" title="J.Bogaerts" />
    </div>
  
</div>


    

    <div class="m-summary__block">
      <div class="m-summary__wrapper">
        <div>
          <header class="m-summary__header">
            <h4 class="m-summary__title"></h4>
          </header>

          <ul class="m-summary__info">
            

              <li class="m-summary__info-item "></li>

            

              <li class="m-summary__info-item "></li>

            
          </ul>
        </div>

        
          

<div class="a-budget m-summary__budget undefined">
  

  <div class="a-budget__wrapper">
    <span class="a-budget__unit">€</span>
    <span class="a-budget__amount"></span>
    <span class="a-budget__unit"></span>
  </div>
</div>


        
      </div>

      
    </div>

  </div>
</article>


    </div>
  </div>
</div>