Flowbite Svelte: v0.46.14
Svelte: v5.0.0-next.179
SvelteKit: v2.5.18
Vite: v5.3.3

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

Disabled state

Binding value

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

Min and max

Value: 5

Steps

Value: 2.5

Sizes