1.1.2 • Published 7 months ago
react-dragon-drag-and-drop v1.1.2
React Dragon Drag and Drop
It's like react-dnd but simpler and with a dragon
Install with NPM
npm i react-dragon-drag-and-drop
Draggable list of items
Note: because draggable items can insert themselves before or after each other, you do not need Dragbox for just one list
<ul>
<Draggable>
<li>Thing 1</li>
</Draggable>
<Draggable>
<li>Thing 2</li>
</Draggable>
</ul>
Drag between two lists
<>
<Dragbox>
<ul style={{backgroundColor: "lightcoral", minHeight: "5rem", minWidth: "5rem"}}>
<Draggable>
<li>Box 1 thing 1</li>
</Draggable>
<Draggable>
<li>Box 1 thing 2</li>
</Draggable>
</ul>
</Dragbox>
<Dragbox>
<ul style={{backgroundColor: "lightcyan", minHeight: "5rem", minWidth: "5rem"}}>
<Draggable>
<li>Box 2 thing 1</li>
</Draggable>
<Draggable>
<li>Box 2 thing 2</li>
</Draggable>
</ul>
</Dragbox>
</>
Wishlist
Draggable
- Dragimage customization
- Ability to drag onto anywhere on the screen
- Keep track of history and use ctrl-Z to undo the effects of a drag
- Drag over customizable effects
- Dragging is weird with grid
- If someone knows how to use Storybook properly, please
Dragbox
- There's probably something to add I just can't think of it
1.1.2
7 months ago
1.1.1
7 months ago
1.1.0
7 months ago
1.0.31
7 months ago
1.0.30
7 months ago
1.0.29
7 months ago
1.0.28
7 months ago
1.0.27
7 months ago
1.0.26
7 months ago
1.0.25
7 months ago
1.0.24
7 months ago
1.0.23
7 months ago
1.0.22
7 months ago
1.0.21
7 months ago
1.0.20
7 months ago
1.0.19
7 months ago
1.0.18
7 months ago
1.0.17
7 months ago
1.0.16
7 months ago
1.0.15
7 months ago
1.0.14
7 months ago
1.0.13
7 months ago
1.0.12
7 months ago
1.0.11
7 months ago
1.0.10
7 months ago
1.0.9
7 months ago
1.0.8
7 months ago
1.0.7
7 months ago
1.0.6
7 months ago
1.0.5
7 months ago
1.0.4
7 months ago
1.0.3
7 months ago
1.0.2
7 months ago
1.0.1
7 months ago
1.0.0
7 months ago