A Svelte wrapper component for SortableJS.
npm i svelte-sortable
, pnpm i svelte-sortable
or yarn add svelte-sortable
<script>
import { Sortable, MultiDrag } from "svelte-sortable"
// In case multiselection is to be used
Sortable.mount(new MultiDrag());
let items = [
"foo",
"bar",
"baz",
]
function onChange() {
//`items` are mutated
console.log(items)
}
</script>
<Sortable {items}
let:item={item}
on:change={onChange}>
<div>
{item}
</div>
</Sortable>
The MultiDrag plugin from SortableJS is supported. The more complicated setup that uses a component passed to a sortable list can be seen here: REPL