StarterX static components

Toggle 

<!-- Default -->
<div class="input-toggle">
    <input type="checkbox" id="toggle_input" name="text-input" checked="checked">
    <label for="toggle_input">Toggle element (True or False)</label>
</div>


<!-- Disabled -->
<div class="input-toggle">
    <input type="checkbox" id="toggle_input_disabled" name="text-input" disabled="disabled">
    <label for="toggle_input_disabled">Toggle element (Disabled)</label>
</div>


<div class="input-toggle">
    <input type="checkbox"
      id="{{ id }}"
      name="{{ name }}" 
      {{ attr }}
    >
    <label for="{{ id }}">{{ label }}</label>
  </div>
 
/* Default */
{
  "label": "Toggle element (True or False)",
  "template": "toggle-element",
  "name": "text-input",
  "id": "toggle_input",
  "attr": "checked=\"checked\""
}


/* Disabled */
{
  "label": "Toggle element (Disabled)",
  "template": "toggle-element",
  "name": "text-input",
  "id": "toggle_input_disabled",
  "attr": "disabled=\"disabled\""
}

There are no notes for this item.