Copy environment

Switch

<div class="switch  ">
    <input type="checkbox" id="mode" name="mode" value="1" class="switch__input">
    <label for="mode" class="switch__button">
        <span class="switch__button-indicator">
            <span class="switch__button-item switch__button-item--bow">
                <svg class="icon  switch__button-graphics">
    <use xlink:href="../../inc/svg/global.b2834a8c5e2811bb3821991f69ec7764.svg#bow"></use>
</svg>
            </span>
            <span class="switch__button-item switch__button-item--hat">
                <svg class="icon  switch__button-graphics">
    <use xlink:href="../../inc/svg/global.b2834a8c5e2811bb3821991f69ec7764.svg#hat"></use>
</svg>
            </span>
            <span class="switch__button-item switch__button-item--face">
                <svg class="icon  switch__button-graphics">
    <use xlink:href="../../inc/svg/global.b2834a8c5e2811bb3821991f69ec7764.svg#face"></use>
</svg>
            </span>
        </span>
    </label>
    <span class="h5 switch__label">
                    <span class="switch__label-text switch__label-text--off">Do not poke this</span>
    <span class="switch__label-text">Ahh, I told you!!!</span>
    </span>
</div>
{
  "language": "en-US",
  "data": {
    "label": {
      "off": "Do not poke this",
      "on": "Ahh, I told you!!!"
    },
    "input": {
      "id": "mode",
      "name": "mode",
      "value": 1
    }
  }
}

Custom Label

<div class="switch  ">
    <input type="checkbox" id="mode" name="mode" value="1" class="switch__input">
    <label for="mode" class="switch__button">
        <span class="switch__button-indicator">
            <span class="switch__button-item switch__button-item--bow">
                <svg class="icon  switch__button-graphics">
    <use xlink:href="../../inc/svg/global.b2834a8c5e2811bb3821991f69ec7764.svg#bow"></use>
</svg>
            </span>
            <span class="switch__button-item switch__button-item--hat">
                <svg class="icon  switch__button-graphics">
    <use xlink:href="../../inc/svg/global.b2834a8c5e2811bb3821991f69ec7764.svg#hat"></use>
</svg>
            </span>
            <span class="switch__button-item switch__button-item--face">
                <svg class="icon  switch__button-graphics">
    <use xlink:href="../../inc/svg/global.b2834a8c5e2811bb3821991f69ec7764.svg#face"></use>
</svg>
            </span>
        </span>
    </label>
    <span class="h5 switch__label">
                    custom label
            </span>
</div>
{
  "language": "en-US",
  "data": {
    "label": {
      "off": "Do not poke this",
      "on": "Ahh, I told you!!!"
    },
    "input": {
      "id": "mode",
      "name": "mode",
      "value": 1
    }
  },
  "labelContent": "custom label"
}