Range

The range component can be used as an input field to get a number from the user based on your custom selection (ie. from 1 to 100) by using a sliding animation.

Range slider example

Default range

Disabled state

Default range

Binding value

Use bind:value to bind the range input value as seen the the following examples.

Min and max

Min-max range

Value: 5

Steps

Range steps

Value: 2.5

Sizes

Small range Default range Large range

Unknown attributes

Since we added `...restProps` to input field, you can contain the props which are not declared with export. It will pass down other unknown attributes to an element in a component.