vant/packages/vant/src/checkbox/test/__snapshots__/demo-ssr.spec.ts.snap

// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`should render demo and match snapshot 1`] = `
<!--[-->
<div>
  <!--[-->
  <div role="checkbox"
       class="van-checkbox"
       tabindex="0"
       aria-checked="true"
  >
    <!--[-->
    <div class="van-checkbox__icon van-checkbox__icon--round van-checkbox__icon--checked"
         style
    >
      <i class="van-badge__wrapper van-icon van-icon-success"
         style
      >
        <!--[-->
      </i>
    </div>
    <span class="van-checkbox__label">
      <!--[-->
      Checkbox
    </span>
  </div>
</div>
<div>
  <!--[-->
  <div role="checkbox"
       class="van-checkbox van-checkbox--disabled"
       aria-checked="false"
  >
    <!--[-->
    <div class="van-checkbox__icon van-checkbox__icon--round van-checkbox__icon--disabled"
         style
    >
      <i class="van-badge__wrapper van-icon van-icon-success"
         style
      >
        <!--[-->
      </i>
    </div>
    <span class="van-checkbox__label van-checkbox__label--disabled">
      <!--[-->
      Checkbox
    </span>
  </div>
  <div role="checkbox"
       class="van-checkbox van-checkbox--disabled"
       aria-checked="true"
  >
    <!--[-->
    <div class="van-checkbox__icon van-checkbox__icon--round van-checkbox__icon--disabled van-checkbox__icon--checked"
         style
    >
      <i class="van-badge__wrapper van-icon van-icon-success"
         style
      >
        <!--[-->
      </i>
    </div>
    <span class="van-checkbox__label van-checkbox__label--disabled">
      <!--[-->
      Checkbox
    </span>
  </div>
</div>
<div>
  <!--[-->
  <div role="checkbox"
       class="van-checkbox"
       tabindex="0"
       aria-checked="true"
  >
    <!--[-->
    <div class="van-checkbox__icon van-checkbox__icon--square van-checkbox__icon--checked"
         style
    >
      <i class="van-badge__wrapper van-icon van-icon-success"
         style
      >
        <!--[-->
      </i>
    </div>
    <span class="van-checkbox__label">
      <!--[-->
      Custom Shape
    </span>
  </div>
</div>
<div>
  <!--[-->
  <div role="checkbox"
       class="van-checkbox"
       tabindex="0"
       aria-checked="true"
  >
    <!--[-->
    <div class="van-checkbox__icon van-checkbox__icon--round van-checkbox__icon--checked"
         style
    >
      <i class="van-badge__wrapper van-icon van-icon-success"
         style="border-color:#ee0a24;background-color:#ee0a24;"
      >
        <!--[-->
      </i>
    </div>
    <span class="van-checkbox__label">
      <!--[-->
      Custom Color
    </span>
  </div>
</div>
<div>
  <!--[-->
  <div role="checkbox"
       class="van-checkbox"
       tabindex="0"
       aria-checked="true"
  >
    <!--[-->
    <div class="van-checkbox__icon van-checkbox__icon--round van-checkbox__icon--checked"
         style="font-size:24px;"
    >
      <i class="van-badge__wrapper van-icon van-icon-success"
         style
      >
        <!--[-->
      </i>
    </div>
    <span class="van-checkbox__label">
      <!--[-->
      Custom Icon Size
    </span>
  </div>
</div>
<div>
  <!--[-->
  <div role="checkbox"
       class="van-checkbox"
       tabindex="0"
       aria-checked="true"
  >
    <!--[-->
    <div class="van-checkbox__icon van-checkbox__icon--round van-checkbox__icon--checked"
         style
    >
      <!--[-->
      <img src="https://fastly.jsdelivr.net/npm/@vant/assets/user-active.png">
    </div>
    <span class="van-checkbox__label">
      <!--[-->
      Custom Icon
    </span>
  </div>
</div>
<div>
  <!--[-->
  <div role="checkbox"
       class="van-checkbox"
       tabindex="0"
       aria-checked="false"
  >
    <!--[-->
    <span class="van-checkbox__label van-checkbox__label--left">
      <!--[-->
      Left Label
    </span>
    <div class="van-checkbox__icon van-checkbox__icon--round"
         style
    >
      <i class="van-badge__wrapper van-icon van-icon-success"
         style
      >
        <!--[-->
      </i>
    </div>
  </div>
</div>
<div>
  <!--[-->
  <div role="checkbox"
       class="van-checkbox van-checkbox--label-disabled"
       tabindex="0"
       aria-checked="true"
  >
    <!--[-->
    <div class="van-checkbox__icon van-checkbox__icon--round van-checkbox__icon--checked"
         style
    >
      <i class="van-badge__wrapper van-icon van-icon-success"
         style
      >
        <!--[-->
      </i>
    </div>
    <span class="van-checkbox__label">
      <!--[-->
      Checkbox
    </span>
  </div>
</div>
<div>
  <!--[-->
  <div class="van-checkbox-group">
    <!--[-->
    <div role="checkbox"
         class="van-checkbox"
         tabindex="0"
         aria-checked="true"
    >
      <!--[-->
      <div class="van-checkbox__icon van-checkbox__icon--round van-checkbox__icon--checked"
           style
      >
        <i class="van-badge__wrapper van-icon van-icon-success"
           style
        >
          <!--[-->
        </i>
      </div>
      <span class="van-checkbox__label">
        <!--[-->
        Checkbox a
      </span>
    </div>
    <div role="checkbox"
         class="van-checkbox"
         tabindex="0"
         aria-checked="true"
    >
      <!--[-->
      <div class="van-checkbox__icon van-checkbox__icon--round van-checkbox__icon--checked"
           style
      >
        <i class="van-badge__wrapper van-icon van-icon-success"
           style
        >
          <!--[-->
        </i>
      </div>
      <span class="van-checkbox__label">
        <!--[-->
        Checkbox b
      </span>
    </div>
  </div>
</div>
<div>
  <!--[-->
  <div class="van-checkbox-group van-checkbox-group--horizontal">
    <!--[-->
    <div role="checkbox"
         class="van-checkbox van-checkbox--horizontal"
         tabindex="0"
         aria-checked="false"
    >
      <!--[-->
      <div class="van-checkbox__icon van-checkbox__icon--round"
           style
      >
        <i class="van-badge__wrapper van-icon van-icon-success"
           style
        >
          <!--[-->
        </i>
      </div>
      <span class="van-checkbox__label">
        <!--[-->
        Checkbox a
      </span>
    </div>
    <div role="checkbox"
         class="van-checkbox van-checkbox--horizontal"
         tabindex="0"
         aria-checked="false"
    >
      <!--[-->
      <div class="van-checkbox__icon van-checkbox__icon--round"
           style
      >
        <i class="van-badge__wrapper van-icon van-icon-success"
           style
        >
          <!--[-->
        </i>
      </div>
      <span class="van-checkbox__label">
        <!--[-->
        Checkbox b
      </span>
    </div>
  </div>
</div>
<div>
  <!--[-->
  <div class="van-checkbox-group">
    <!--[-->
    <div role="checkbox"
         class="van-checkbox"
         tabindex="0"
         aria-checked="false"
    >
      <!--[-->
      <div class="van-checkbox__icon van-checkbox__icon--round"
           style
      >
        <i class="van-badge__wrapper van-icon van-icon-success"
           style
        >
          <!--[-->
        </i>
      </div>
      <span class="van-checkbox__label">
        <!--[-->
        Checkbox a
      </span>
    </div>
    <div role="checkbox"
         class="van-checkbox"
         tabindex="0"
         aria-checked="false"
    >
      <!--[-->
      <div class="van-checkbox__icon van-checkbox__icon--round"
           style
      >
        <i class="van-badge__wrapper van-icon van-icon-success"
           style
        >
          <!--[-->
        </i>
      </div>
      <span class="van-checkbox__label">
        <!--[-->
        Checkbox b
      </span>
    </div>
    <div role="checkbox"
         class="van-checkbox"
         tabindex="0"
         aria-checked="false"
    >
      <!--[-->
      <div class="van-checkbox__icon van-checkbox__icon--round"
           style
      >
        <i class="van-badge__wrapper van-icon van-icon-success"
           style
        >
          <!--[-->
        </i>
      </div>
      <span class="van-checkbox__label">
        <!--[-->
        Checkbox c
      </span>
    </div>
  </div>
</div>
<div>
  <!--[-->
  <div class="van-checkbox-group">
    <!--[-->
    <div role="checkbox"
         class="van-checkbox"
         tabindex="0"
         aria-checked="false"
    >
      <!--[-->
      <div class="van-checkbox__icon van-checkbox__icon--round"
           style
      >
        <i class="van-badge__wrapper van-icon van-icon-success"
           style
        >
          <!--[-->
        </i>
      </div>
      <span class="van-checkbox__label">
        <!--[-->
        Checkbox a
      </span>
    </div>
    <div role="checkbox"
         class="van-checkbox"
         tabindex="0"
         aria-checked="false"
    >
      <!--[-->
      <div class="van-checkbox__icon van-checkbox__icon--round"
           style
      >
        <i class="van-badge__wrapper van-icon van-icon-success"
           style
        >
          <!--[-->
        </i>
      </div>
      <span class="van-checkbox__label">
        <!--[-->
        Checkbox b
      </span>
    </div>
    <div role="checkbox"
         class="van-checkbox"
         tabindex="0"
         aria-checked="false"
    >
      <!--[-->
      <div class="van-checkbox__icon van-checkbox__icon--round"
           style
      >
        <i class="van-badge__wrapper van-icon van-icon-success"
           style
        >
          <!--[-->
        </i>
      </div>
      <span class="van-checkbox__label">
        <!--[-->
        Checkbox c
      </span>
    </div>
  </div>
  <div class="demo-checkbox-buttons">
    <button type="button"
            class="van-button van-button--primary van-button--normal"
            style
    >
      <div class="van-button__content">
        <span class="van-button__text">
          <!--[-->
          Check All
        </span>
      </div>
    </button>
    <button type="button"
            class="van-button van-button--primary van-button--normal"
            style
    >
      <div class="van-button__content">
        <span class="van-button__text">
          <!--[-->
          Inverse
        </span>
      </div>
    </button>
  </div>
</div>
<div>
  <!--[-->
  <div class="van-checkbox-group">
    <!--[-->
    <div class="van-cell-group van-cell-group--inset">
      <!--[-->
      <!--[-->
      <div class="van-cell van-cell--clickable"
           role="button"
           tabindex="0"
      >
        <div class="van-cell__title"
             style
        >
          <span>
            Checkbox a
          </span>
        </div>
        <!--[-->
        <div role="checkbox"
             class="van-checkbox"
             tabindex="0"
             aria-checked="false"
        >
          <!--[-->
          <div class="van-checkbox__icon van-checkbox__icon--round"
               style
          >
            <i class="van-badge__wrapper van-icon van-icon-success"
               style
            >
              <!--[-->
            </i>
          </div>
        </div>
      </div>
      <div class="van-cell van-cell--clickable"
           role="button"
           tabindex="0"
      >
        <div class="van-cell__title"
             style
        >
          <span>
            Checkbox b
          </span>
        </div>
        <!--[-->
        <div role="checkbox"
             class="van-checkbox"
             tabindex="0"
             aria-checked="false"
        >
          <!--[-->
          <div class="van-checkbox__icon van-checkbox__icon--round"
               style
          >
            <i class="van-badge__wrapper van-icon van-icon-success"
               style
            >
              <!--[-->
            </i>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
`;