Copy environment

Check

<div class="check">
    <input type="checkbox" id="check1" name="" value="" class="check__input">
    <label for="check1" class="check__label">
        <span class="check__indicator">
            <svg class="icon  check__icon">
    <use xlink:href="../../inc/svg/global.b2834a8c5e2811bb3821991f69ec7764.svg#check"></use>
</svg>
        </span>
        <span class="check__text">Checkbox label</span>
    </label>
</div>
{
  "language": "en-US",
  "data": {
    "label": "Checkbox label",
    "id": "check1"
  }
}

Disabled

<div class="check is-disabled">
    <input type="checkbox" id="check1" name="" value="" class="check__input" disabled>
    <label for="check1" class="check__label">
        <span class="check__indicator">
            <svg class="icon  check__icon">
    <use xlink:href="../../inc/svg/global.b2834a8c5e2811bb3821991f69ec7764.svg#check"></use>
</svg>
        </span>
        <span class="check__text">Checkbox label</span>
    </label>
</div>
{
  "language": "en-US",
  "data": {
    "label": "Checkbox label",
    "id": "check1",
    "isDisabled": true
  }
}

Checked

<div class="check">
    <input type="checkbox" id="check1" name="" value="" class="check__input" checked>
    <label for="check1" class="check__label">
        <span class="check__indicator">
            <svg class="icon  check__icon">
    <use xlink:href="../../inc/svg/global.b2834a8c5e2811bb3821991f69ec7764.svg#check"></use>
</svg>
        </span>
        <span class="check__text">Checkbox label</span>
    </label>
</div>
{
  "language": "en-US",
  "data": {
    "label": "Checkbox label",
    "id": "check1",
    "isChecked": true
  }
}

Checked Disabled

<div class="check is-disabled">
    <input type="checkbox" id="check1" name="" value="" class="check__input" checked disabled>
    <label for="check1" class="check__label">
        <span class="check__indicator">
            <svg class="icon  check__icon">
    <use xlink:href="../../inc/svg/global.b2834a8c5e2811bb3821991f69ec7764.svg#check"></use>
</svg>
        </span>
        <span class="check__text">Checkbox label</span>
    </label>
</div>
{
  "language": "en-US",
  "data": {
    "label": "Checkbox label",
    "id": "check1",
    "isChecked": true,
    "isDisabled": true
  }
}