@neodrag/svelte

One draggable to rule em all

A lightweight Svelte action to make your elements draggable.

# Features - 🤏 Tiny - Only 1.68KB min+brotli. - 🐇 Simple - Quite simple to use, and effectively no-config required! - 🧙‍♀️ Elegant - Svelte Action, to keep the usage simple, elegant and expressive. - 🗃️ Highly customizable - Offers tons of options that you can modify to get different behavior. - ⚛️ Reactive - Change options passed to it on the fly, it will **just work 🙂** [Try it in Svelte REPL](https://svelte.dev/repl/fc972f90450c4945b6f2481d13eafa00?version=3.38.3) # Installing ```bash pnpm add @neodrag/svelte # npm npm install @neodrag/svelte # yarn yarn add @neodrag/svelte ``` # Migrating from svelte-drag svelte-drag is the predecessor of this package. To migrate, follow this short guide: [svelte-drag to @neodrag/svelte migration guide](https://www.neodrag.dev/docs/migrating/svelte-drag) # Usage Basic usage ```svelte

Hello

``` With options ```svelte

Hello

``` Defining options elsewhere with typescript ```svelte

Hello

``` Read the docs ## Credits Inspired from the amazing [react-draggable](https://github.com/react-grid-layout/react-draggable) library, and implements a similar API, but 3x smaller. # License MIT License © Puru Vijay