ecardilly Design Components

Input Switch Toggle 

<label for="switch-toggle" class="label--switch">
    <input type="checkbox" name="switch-toggle" id="switch-toggle" data-switch-label="Status: Öffentlich" data-label="Status: Entwurf" />
    <div class="fakebox"></div>
    <span>Status: Entwurf</span>
</label>
 
<label for="switch-{{id}}" class="label--switch">
	<input type="checkbox" name="switch-{{id}}" id="switch-{{id}}" {{#if switch_label}}data-switch-label="{{switch_label}}" data-label="{{label}}" {{/if}} {{#if checked}}checked="true"{{/if}} />
	<div class="fakebox"></div>
	{{#if label}}
		<span>{{label}}</span>
	{{/if}}
</label>
 
{
  "id": "toggle",
  "label": "Status: Entwurf",
  "switch_label": "Status: Öffentlich"
}

No notes defined.