Radio-Switch @radio-switch
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>
{
"text": "Status veröffentlicht",
"textLeft": "Nein",
"textRight": "Ja",
"value1": "Nein",
"value2": "Ja",
"label1": "Nein",
"label2": "Ja",
"checked1": true,
"checked2": null
}