Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

Make interactive selectable, drag-and-drop, copy-and-paste ready, Block and Slot components easily! Works with Vue, React and any MV* framework.

License

Notifications You must be signed in to change notification settings

lyonbot/interactive-blocks

Open more actions menu

Repository files navigation

@lyonbot/interactive-blocks

GitHub Workflow Status npm npm bundle size (version) npm bundle size (version) npm type definitions

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

About

Make interactive selectable, drag-and-drop, copy-and-paste ready, Block and Slot components easily! Works with Vue, React and any MV* framework.

Resources

License

Stars

Watchers

Forks

Packages

No packages published
Morty Proxy This is a proxified and sanitized view of the page, visit original site.