React-draggable-array NPM

Wrapper component utilizing native browser drag API for its children. Happy dragging.

Install

npm install --save react-draggable-array

Usage

import React from 'react'

// Import the component
import DraggableArray from 'react-draggable-array'
// Import the css
import 'react-draggable-array/dist/index.css'

const App = () => {

  // Define the array
  const items = [ '🦜', '🦖', '🦆', '🦔', '🐤', '🐧' ]

  return (
    // Wrap a map of the items in the DraggableArray component
    <DraggableArray>
      {items.map((item) => (
        <p>{item}</p>
      ))}
    </DraggableArray>
  )
}