@lyonbot/interactive-blocks
v1.1.0
Published
Make interactive selectable, drag-and-drop, copy-and-paste ready, Block and Slot components easily! Works with Vue, React and any MV* framework.
Downloads
28
Maintainers
Readme
@lyonbot/interactive-blocks
Make interactive selectable, drag-and-drop, copy-and-paste ready, Block and Slot components easily! Works with Vue, React and any MV* framework.
[ ▶️ Try the Demo ] [ 📁 View on GitHub ] [ 📖 Document ]
How Interactive?
- (multiple) selectable!
- copy and paste! with system clipboard
- keyboard shortcuts!
- drag and drop! (optional)
These keyboard shortcuts are supported!
Ctrl+X
,Ctrl+C
,Ctrl+V
- Navigate with arrow keys
- Select multiple blocks with
Shift
+ arrow keys - Select all blocks with
Ctrl+A
Delete
,Backspace
How to Integrate
This lib works with any framework, including React and Vue. Example is written with React.
Drag and Drop -- read "basic setup" first