React Beautiful Drag And Drop Component

Beautiful, accessible drag and drop for lists with React.js.

Core features:

  • beautiful, natural movement of items
  • clean and powerful api which is simple to get started with
  • unopinionated styling
  • no creation of additional wrapper dom nodes – flexbox and focus management friendly!
  • plays well with existing interactive nodes such as anchors
  • state driven dragging – which allows for dragging from many input types, including programatic dragging. Currently only mouse and keyboard dragging are supported

Installation:

# Yarn
yarn add react-beautiful-dnd

# NPM
$ npm install react-beautiful-dnd

Preview:

React Beautiful Drag And Drop Component

Changelog:

v13.0.0 (02/25/2020)

  • Update and bugfix

Download Details:

Author: atlassian

Live Demo: View The Demo

Download Link: Download The Source Code

Official Website: https://github.com/atlassian/react-beautiful-dnd

License: MIT

You Might Be Interested In:

Add Comment