Drag and Drop Container

npm install empower-drag-drop-container --save

import DragDropContainer from 'empower-drag-drop-container';

..............

let getComponentOrder = (value) => {
        console.log(value);
        // this will handle the action
      }
..............      
      

<div className="card-page">
    <DragDropContainer 
        id="component-collection" 
        savedOrder={"component-collection-item-2,component-collection-item-0,component-collection-item-3,component-collection-item-1"} 
        getOrder={(val) => getComponentOrder(val)} 
    >

        <div id="test-1">
            <h1>test title</h1>
            <p>test</p>
        </div>
        <div id="test-2">Component 2</div>
        <div id="test-3">Component 3</div>
        <div id="test-4">Component 4</div>
    </DragDropContainer>

  
</div>