Range Sliders

Svelte Component

Capture input from a range of values, including optional ticks.

Import

Package

@skeletonlabs/skeleton

Source

Doc

View Page Source

WAI-ARIA

Accessibility Reference

Skeleton

50

Value 25

Label Max

10

50

100

Step

1

5

10

Ticks

Off

On

Accent

html

<RangeSlider bind:value={50} max={100} step={5} ticked>Label</RangeSlider>