Range Sliders
Capture input from a range of values, including optional ticks.
import { RangeSlider } from '@skeletonlabs/skeleton';Combines a native range input with datalist ticks.
<RangeSlider name="range-slider" bind:value={50} max={100} step={5} ticked>Label</RangeSlider>Browser Support
Please be aware that browser support varies. Safari (macOS/iOS) does not visually display the ticks. However, the ticks are progressive enhancement feature, and Safari it will honor the max and step settings in relation to the value.