Skip to main content

Range

<!-- Primary range -->
<label>
  Range
  <input class="ser-range-primary-small" type="range" min="0" max="10" />
</label>
<label>
  Range
  <input class="ser-range-primary-medium" type="range" min="0" max="10" />
</label>
<label>
  Range
  <input class="ser-range-primary-large" type="range" min="0" max="10" />
</label>

<!-- Secondary range -->
<label>
  Range
  <input class="ser-range-secondary-small" type="range" min="0" max="10" />
</label>
<label>
  Range
  <input class="ser-range-secondary-medium" type="range" min="0" max="10" />
</label>
<label>
  Range
  <input class="ser-range-secondary-large" type="range" min="0" max="10" />
</label>