Svelte Dragdroplist
Sortable lists with Svelte 3. Animated, touch-friendly, and accessible.
Overview
Svelte-DragDropListSortable is a component available on NPM that allows for the creation of sortable lists using Svelte. It offers bidirectional binding, full touch support, and accessibility features. This component is an easier alternative to writing a new one from scratch.
Features
- Bidirectional binding: The data order updates immediately as the user drags a list item to a new position, even before it is dropped.
- Full touch support: This component provides support for touch devices and does not rely on the HTML5 drag and drop API.
- Accessibility: The component includes buttons that allow users to move elements without needing to drag them.
Summary
Svelte-DragDropListSortable is a useful component for creating sortable lists in Svelte. Its key features include bidirectional binding, full touch support, and accessibility options. It can be easily installed through NPM, making it a convenient choice for developers who need to implement sortable lists.
- Svelte
Svelte is a modern front-end framework that compiles your code at build time, resulting in smaller and faster applications. It uses a reactive approach to update the DOM, allowing for high performance and a smoother user experience.