<ul class="kx-select-group">
    <li class="kx-select-item">
        <label class="kx-selector kx-selector__switch kx-selector__switch--at-end">
            <input type="checkbox" name="toggleSwitch" checked="checked" />
            <div class="kx-selector__indicator"></div>
            <span class="label-text"> Enable something 1 </span>
        </label>
    </li>
    <li class="kx-select-item">
        <label class="kx-selector kx-selector__switch kx-selector__switch--at-end">
            <input type="checkbox" name="toggleSwitch" checked="checked" />
            <div class="kx-selector__indicator"></div>
            <span class="label-text"> Enable something 2</span>
        </label>
    </li>
    <li class="kx-select-item">
        <label class="kx-selector kx-selector__switch kx-selector__switch--at-end">
            <input type="checkbox" name="toggleSwitch" />
            <div class="kx-selector__indicator"></div>
            <span class="label-text"> Enable something 3</span>
        </label>
    </li>
    <li class="kx-select-item">
        <label class="kx-selector kx-selector__switch kx-selector__switch--at-end">
            <input type="checkbox" name="toggleSwitch" />
            <div class="kx-selector__indicator"></div>
            <span class="label-text"> Enable something 4</span>
        </label>
    </li>
</ul>
<ul class="kx-select-group">
    <li class="kx-select-item">
        <label class="kx-selector kx-selector__switch kx-selector__switch--at-end">
            <input type="checkbox" name="toggleSwitch" checked="checked" />
            <div class="kx-selector__indicator"></div>
            <span class="label-text"> Enable something 1 </span>
        </label>
    </li>
    <li class="kx-select-item">
        <label class="kx-selector kx-selector__switch kx-selector__switch--at-end">
            <input type="checkbox" name="toggleSwitch" checked="checked" />
            <div class="kx-selector__indicator"></div>
            <span class="label-text"> Enable something 2</span>
        </label>
    </li>
    <li class="kx-select-item">
        <label class="kx-selector kx-selector__switch kx-selector__switch--at-end">
            <input type="checkbox" name="toggleSwitch" />
            <div class="kx-selector__indicator"></div>
            <span class="label-text"> Enable something 3</span>
        </label>
    </li>
    <li class="kx-select-item">
        <label class="kx-selector kx-selector__switch kx-selector__switch--at-end">
            <input type="checkbox" name="toggleSwitch" />
            <div class="kx-selector__indicator"></div>
            <span class="label-text"> Enable something 4</span>
        </label>
    </li>
</ul>
{
  "type": "switchWide",
  "label": "Toggle label text",
  "toggle": true
}

There are no notes for this item.