Toggles

Default Toggle - On/Off

<label class="euaa-toggle">
    <input class="euaa-toggle__input" type="checkbox" />
    <span class="euaa-toggle__label" data-on="On" data-off="Off"></span>
    <span class="euaa-toggle__handle"></span>
</label>

Default Toggle - Yes/No

<label class="euaa-toggle">
    <input class="euaa-toggle__input" type="checkbox" />
    <span class="euaa-toggle__label" data-on="Yes" data-off="No"></span>
    <span class="euaa-toggle__handle"></span>
</label>

Small Toggle

<label class="euaa-toggle euaa-toggle--small">
    <input class="euaa-toggle__input" type="checkbox" />
    <span class="euaa-toggle__label" data-on="Yes" data-off="No"></span>
    <span class="euaa-toggle__handle"></span>
</label>

Wide Toggle

<label class="euaa-toggle euaa-toggle--wide">
    <input class="euaa-toggle__input" type="checkbox" />
    <span class="euaa-toggle__label" data-on="Yes" data-off="No"></span>
    <span class="euaa-toggle__handle"></span>
</label>

Disabled Toggle

<label class="euaa-toggle euaa-toggle--wide euaa-toggle--disabled">
    <input class="euaa-toggle__input" type="checkbox" />
    <span class="euaa-toggle__label" data-on="Yes" data-off="No"></span>
    <span class="euaa-toggle__handle"></span>
</label>