Range Slider
Range Slider brukes for å velge en verdi ved å dra i et håndtak.
|
|
|
|
|
1
2
3
4
5
<div class="flex flex-col gap-4">
<input type="range" min="0" max="100" value="40" class="range" />
<div class="w-full max-w-xs">
<input type="range" min="0" max="100" value="25" class="range" step="25" />
<div class="flex justify-between px-2.5 mt-2 text-xs">
<span>|</span>
<span>|</span>
<span>|</span>
<span>|</span>
<span>|</span>
</div>
<div class="flex justify-between px-2.5 mt-2 text-xs">
<span>1</span>
<span>2</span>
<span>3</span>
<span>4</span>
<span>5</span>
</div>
</div>
</div>