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

# yarn
yarn add rescript-dnd rescript-webapi
# or npm
npm install --save rescript-dnd rescript-webapi

Then add it to bsconfig.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.

Features we'd like to add at some point

• [ ] 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!