// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html

exports[`should render demo and match snapshot 1`] = `
<!--[-->
<div>
  <!--[-->
  <div
    style
    class="van-slider"
  >
    <div
      class="van-slider__bar"
      style="width:50%;left:0%;"
    >
      <div
        role="slider"
        class="van-slider__button-wrapper van-slider__button-wrapper--right"
        tabindex="0"
        aria-valuemin="0"
        aria-valuenow="50"
        aria-valuemax="100"
        aria-orientation="horizontal"
      >
        <div
          class="van-slider__button"
          style
        >
        </div>
      </div>
    </div>
  </div>
</div>
<div>
  <!--[-->
  <div
    style
    class="van-slider"
  >
    <div
      class="van-slider__bar"
      style="width:40%;left:20%;"
    >
      <!--[-->
      <div
        role="slider"
        class="van-slider__button-wrapper van-slider__button-wrapper--left"
        tabindex="0"
        aria-valuemin="0"
        aria-valuenow="20"
        aria-valuemax="100"
        aria-orientation="horizontal"
      >
        <div
          class="van-slider__button"
          style
        >
        </div>
      </div>
      <div
        role="slider"
        class="van-slider__button-wrapper van-slider__button-wrapper--right"
        tabindex="0"
        aria-valuemin="0"
        aria-valuenow="60"
        aria-valuemax="100"
        aria-orientation="horizontal"
      >
        <div
          class="van-slider__button"
          style
        >
        </div>
      </div>
    </div>
  </div>
</div>
<div>
  <!--[-->
  <div
    style
    class="van-slider"
  >
    <div
      class="van-slider__bar"
      style="width:50%;left:0%;"
    >
      <div
        role="slider"
        class="van-slider__button-wrapper van-slider__button-wrapper--right"
        tabindex="0"
        aria-valuemin="-50"
        aria-valuenow="0"
        aria-valuemax="50"
        aria-orientation="horizontal"
      >
        <div
          class="van-slider__button"
          style
        >
        </div>
      </div>
    </div>
  </div>
</div>
<div>
  <!--[-->
  <div
    style
    class="van-slider van-slider--disabled"
  >
    <div
      class="van-slider__bar"
      style="width:50%;left:0%;"
    >
      <div
        role="slider"
        class="van-slider__button-wrapper van-slider__button-wrapper--right"
        aria-valuemin="0"
        aria-valuenow="50"
        aria-valuemax="100"
        aria-disabled="true"
        aria-orientation="horizontal"
      >
        <div
          class="van-slider__button"
          style
        >
        </div>
      </div>
    </div>
  </div>
</div>
<div>
  <!--[-->
  <div
    style
    class="van-slider"
  >
    <div
      class="van-slider__bar"
      style="width:50%;left:0%;"
    >
      <div
        role="slider"
        class="van-slider__button-wrapper van-slider__button-wrapper--right"
        tabindex="0"
        aria-valuemin="0"
        aria-valuenow="50"
        aria-valuemax="100"
        aria-orientation="horizontal"
      >
        <div
          class="van-slider__button"
          style
        >
        </div>
      </div>
    </div>
  </div>
</div>
<div>
  <!--[-->
  <div
    style="height:4px;"
    class="van-slider"
  >
    <div
      class="van-slider__bar"
      style="width:50%;background:#ee0a24;left:0%;"
    >
      <div
        role="slider"
        class="van-slider__button-wrapper van-slider__button-wrapper--right"
        tabindex="0"
        aria-valuemin="0"
        aria-valuenow="50"
        aria-valuemax="100"
        aria-orientation="horizontal"
      >
        <div
          class="van-slider__button"
          style
        >
        </div>
      </div>
    </div>
  </div>
</div>
<div>
  <!--[-->
  <div
    style
    class="van-slider"
  >
    <div
      class="van-slider__bar"
      style="width:50%;left:0%;"
    >
      <div
        role="slider"
        class="van-slider__button-wrapper van-slider__button-wrapper--right"
        tabindex="0"
        aria-valuemin="0"
        aria-valuenow="50"
        aria-valuemax="100"
        aria-orientation="horizontal"
      >
        <!--[-->
        <div class="custom-button">
          50
        </div>
      </div>
    </div>
  </div>
</div>
<div>
  <!--[-->
  <div style="height:150px;padding-left:30px;">
    <div
      style
      class="van-slider van-slider--vertical"
    >
      <div
        class="van-slider__bar"
        style="height:50%;top:0%;"
      >
        <div
          role="slider"
          class="van-slider__button-wrapper van-slider__button-wrapper--right"
          tabindex="0"
          aria-valuemin="0"
          aria-valuenow="50"
          aria-valuemax="100"
          aria-orientation="vertical"
        >
          <div
            class="van-slider__button"
            style
          >
          </div>
        </div>
      </div>
    </div>
    <div
      style="margin-left:100px;"
      class="van-slider van-slider--vertical"
    >
      <div
        class="van-slider__bar"
        style="height:40%;top:20%;"
      >
        <!--[-->
        <div
          role="slider"
          class="van-slider__button-wrapper van-slider__button-wrapper--left"
          tabindex="0"
          aria-valuemin="0"
          aria-valuenow="20"
          aria-valuemax="100"
          aria-orientation="vertical"
        >
          <div
            class="van-slider__button"
            style
          >
          </div>
        </div>
        <div
          role="slider"
          class="van-slider__button-wrapper van-slider__button-wrapper--right"
          tabindex="0"
          aria-valuemin="0"
          aria-valuenow="60"
          aria-valuemax="100"
          aria-orientation="vertical"
        >
          <div
            class="van-slider__button"
            style
          >
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
`;
