rescript-dnd


Drag & drop for @rescript/react.

Features

* Vertical lists
* Horizontal lists
* Multiple drop targets
* Mouse & Touch interactions
* Conditional drag & drop
* Custom drag handles
* Scrollable containers
* Auto-scroll when dragging at container's edge

> ### ShakaCode
> If you are looking for help with the development and optimization of your project, ShakaCode can help you to take the reliability and performance of your app to the next level.
>
> If you are a developer interested in working on ReScript / TypeScript / Rust / Ruby on Rails projects, we're hiring!

Installation

``shell


yarn

yarn add rescript-dnd rescript-webapi

or npm

npm install --save rescript-dnd rescript-webapi
`

Then add it to bsconfig.json:

`json
"bs-dependencies": [
"rescript-dnd",
"rescript-webapi"
]
`

Docs

* Getting Started
* Advanced guide: Safer identifiers and multiple containers
* Api

Examples

* Demos: live | sources
* Production app: Minima

State

🚧 The library is not feature-complete and some features/apis might be missing.

🎙 Let us know if you miss anything via creating an issue.

🌎 We're using it in production BTW.

$3

- [ ] Keyboard interactions
- [ ] Ignore form elements (opt-out)
- [ ] Drop-zones
- [ ] Multi-select

Thanks

* To react-beautiful-dnd` for inspiration

License

MIT.

Supporters

The following companies support our open source projects, and ShakaCode uses their products!