Svelte Double Range Slider

A two-handled range slider

Demo

How to use in your project

  1. Download the component file and include it in your project
  2. Import it like this
<script>
  import DoubleRangeSlider from './path/to/DoubleRangeSlider.svelte';
  let start;
  let end;
</script>

<DoubleRangeSlider bind:start bind:end/>

See the demo's source for a full example.

Dev

npm install
npm run dev

Top categories

svelte logo

Need a Svelte website built?

Hire a professional Svelte developer today.
Loading Svelte Themes