@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.

📖 Read document with Docsify

React
Vue 2