<div>
  <label class="Polaris-Choice">
    <span class="Polaris-Choice__Control">
      <span class="Polaris-Checkbox Polaris-Checkbox--error">
        <input type="checkbox" id="" value="1" aria-checked="false" class="Polaris-Checkbox__Input" />
        <span class="Polaris-Checkbox__Backdrop"></span>
        <span class="Polaris-Checkbox__Icon">
          <span class="Polaris-Icon">
            <svg viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" class="Polaris-Icon__Svg" focusable="false" aria-hidden="true"><path d="M14.723 6.237a.94.94 0 0 1 .053 1.277l-5.366 6.193a.834.834 0 0 1-.611.293.83.83 0 0 1-.622-.264l-2.927-3.097a.94.94 0 0 1 0-1.278.82.82 0 0 1 1.207 0l2.297 2.43 4.763-5.498a.821.821 0 0 1 1.206-.056Z"></path></svg>
          </span>
        </span>
      </span>
    </span>
    <span class="Polaris-Choice__Label">
      Basic checkbox
    </span>
  </label>
  <div class="Polaris-Choice__Descriptions">
    <div class="Polaris-Choice__Error">
      <div class="Polaris-InlineError">
        <div class="Polaris-InlineError__Icon">
          <span class="Polaris-Icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" class="Polaris-Icon__Svg" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M11.42 2.588a2.007 2.007 0 0 0-2.84 0l-5.992 5.993a2.007 2.007 0 0 0 0 2.838l5.993 5.993a2.007 2.007 0 0 0 2.838 0l5.993-5.993a2.007 2.007 0 0 0 0-2.838l-5.993-5.993Zm-2.223 4.2a.803.803 0 1 1 1.606 0v3.212a.803.803 0 1 1-1.606 0v-3.211Zm1.606 6.423a.803.803 0 1 1-1.606 0 .803.803 0 0 1 1.606 0Z"></path></svg>
          </span>
        </div>
        Invalid value
      </div>
    </div>
  </div>
</div>