StarterX static components

Radio 

<!-- Default -->
<label class="input-radio input-radio__label">
  <input
    type="radio"
    name="checkbox"
    value="checkbox-value"
    
  >
  <span class="input-radio__icon"></span>
  <span class="input-radio__desc">Checkbox label</span>
</label>


<!-- Disabled checkbox -->
<label class="input-radio input-radio__label">
  <input
    type="radio"
    name="checkbox"
    value="disabled-checkbox"
    disabled="disabled"
  >
  <span class="input-radio__icon"></span>
  <span class="input-radio__desc">Checkbox label</span>
</label>


<!-- Checked checkbox out of the box -->
<label class="input-radio input-radio__label">
  <input
    type="radio"
    name="checkbox"
    value="checked-checkbox"
    checked="checked"
  >
  <span class="input-radio__icon"></span>
  <span class="input-radio__desc">Checkbox label</span>
</label>


<label class="input-radio input-radio__label">
  <input
    type="radio"
    name="{{ name }}"
    value="{{ value }}"
    {{ attr }}
  >
  <span class="input-radio__icon"></span>
  <span class="input-radio__desc">{{ label }}</span>
</label>
 
/* Default */
{
  "label": "Checkbox label",
  "template": "element-checkbox",
  "name": "checkbox",
  "value": "checkbox-value"
}


/* Disabled checkbox */
{
  "label": "Checkbox label",
  "template": "element-checkbox",
  "name": "checkbox",
  "value": "disabled-checkbox",
  "attr": "disabled=\"disabled\""
}


/* Checked checkbox out of the box */
{
  "label": "Checkbox label",
  "template": "element-checkbox",
  "name": "checkbox",
  "value": "checked-checkbox",
  "attr": "checked=\"checked\""
}

There are no notes for this item.