Svelte Dnd Action
An action based drag and drop container for Svelte
Overview
Svelte DND Action is a feature-complete implementation of drag and drop for Svelte using a custom action. It offers support for various drag and drop use-cases, works with any input device, and is fully accessible. The library is production-ready and actively maintained.
Features
- Awesome drag and drop with minimal configuration
- Supports different types of containers (horizontal, vertical, etc.)
- Supports nested draggable containers (similar to Trello)
- Rich animations (optional)
- Touch support
- Customizable drop zones
- Scroll dnd-zones and/or window horizontally or vertically
- Supports advanced use-cases like copy-on-drag and custom drag handles
- Performant with a small footprint
- Fully accessible (beta) with keyboard support and assistive instructions for screen readers
Summary
Svelte DND Action is a powerful drag and drop library for Svelte. It offers a wide range of features, including support for different container types, nested draggable containers, rich animations, touch support, and more. The library is production-ready and actively maintained. With minimal configuration, it provides an elegant API and full accessibility support.
- 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.
- Eslint
ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.
- Rollup
RollupJS is a popular and efficient JavaScript module bundler that takes the code from multiple modules and packages them into a single optimized file, minimizing the overall size of the application and improving its performance.