Radio-Switch @radio-switch

Design

A switch using radios, with optional text / labels

<div class="radio-switch">
  <div class="radio-switch__inner">
    <div class="radio-switch__text">Status veröffentlicht</div>
    <div class="radio-switch__radios">
      <div class="radio-switch__radios-label" aria-hidden="true">Nein</div>
      <ul class="radio-switch__list">
        <li class="radio-switch__list-item"><input class="radio-switch__input" type="radio" id="radio-switch-c9de-1" name="radio-switch-c9de" value="Nein" checked="checked" /><label class="radio-switch__label" for="radio-switch-c9de-1">Nein</label></li>
        <li class="radio-switch__list-item"><input class="radio-switch__input" type="radio" id="radio-switch-c9de-2" name="radio-switch-c9de" value="Ja" /><label class="radio-switch__label" for="radio-switch-c9de-2">Ja</label>
          <div class="radio-switch__marker" aria-hidden="true"></div>
        </li>
      </ul>
      <div class="radio-switch__radios-label" aria-hidden="true">Ja</div>
    </div>
  </div>
</div>