Link copied!

Slider Examples

<e-slider></e-slider>
<e-slider value="20,40" range></e-slider>
<e-slider value="-50,50" min="-200" max="200" range step="50" show-steps></e-slider>
<e-slider value="20"></e-slider>
<e-slider value="-40" min="-80" max="40"></e-slider>
<e-slider min="200" max="300" step="10"></e-slider>
<e-slider min="0" max="200" step="10" show-steps></e-slider>
<e-slider min-label="Minimum" max-label="Maximum"></e-slider>
<e-slider disabled></e-slider>
<e-slider step="1" max="3" value="0" show-steps no-bubble></e-slider>
<div class="e-slider e-slider-values">
  <div class="e-slider__value e-slider__value-min">
    No Access
  </div>
  <div class="e-slider__value">
    Basic Access
  </div>
  <div class="e-slider__value">
    Editor Access
  </div>
  <div class="e-slider__value e-slider__value-max">
    Manager Access
  </div>
</div>
<e-slider no-bubble></e-slider>