Mercedes Pattern Library

On Off Switch: Small Label 

<div class="a-onoffswitch">
    <div class="a-onoffswitch__element">
        <input type="checkbox" name="idswitch" class="a-onoffswitch__checkbox" id="idswitch" checked>
        <label class="a-onoffswitch__circle" for="idswitch"></label>
    </div>

    <div class="a-onoffswitch__label">
        label
        <span>
            	label
            </span>
    </div>

</div>
 
<div class="a-onoffswitch">
    <div class="a-onoffswitch__element">
        <input type="checkbox" name="idswitch" class="a-onoffswitch__checkbox" id="idswitch" checked>
        <label class="a-onoffswitch__circle" for="idswitch"></label>
    </div>
    {% if label %}
        <div class="a-onoffswitch__label">
            {{ label }}
            <span>
            	{{ label }}
            </span>
        </div>
    {% endif %}
</div>
 
{
  "label": "label",
  "checked": 1
}

There are no notes for this item.