Range selector 

<div class="">
    <label class="kx-label" for="">
        Toggle label text
    </label>
</div>
<div class="kx-range kx-range-simple " for="ranger1">
    <input type="range" id="range-simple" min="0" max="100" value="30" step="1" aria-valuemin="1" aria-valuemax="100" aria-valuenow="30" oninput="outputUpdate(value)" />
</div>
 
<div class="{% if not labelTxt %} kx-is-vishidden{% endif %}">
    <label class="kx-label" for="{{ id }}">
        {{ labelTxt }}{%- if optionalTxt %}<span class="kx-form__optional">({{ optionalTxt }})</span>{% endif %}
    </label>
</div>
<div class="kx-range kx-range-simple " for="ranger1" >
    <input type="range" id="range-simple" min="0" max="100" value="30" step="1" aria-valuemin="1" aria-valuemax="100" aria-valuenow="30" oninput="outputUpdate(value)" />
</div>
 
{
  "type": "range",
  "labelTxt": "Toggle label text",
  "range": 25
}

There are no notes for this item.