draggable-resizable-vue3

This is Vue 3 (Composition API) library for draggable and resizable elements with custom grid.

Get started

• 📗 Documentation.
• 🍪 Examples.
• 🍅 Live playground.

Roadmap

• ✅ Rewrite to Composition API.
• ✅ Create docs.
• 🔲 Test all props, slots and events.
• 🔲 Add as much as possible examples of usage to the docs.
• 🔲 Rewrite to Typescript.
• 🔲 Release the stable 1.1.0 version.

Installation

$ npm install draggable-resizable-vue3

Register (DraggableResizableVue and DraggableResizableContainer components) globally:

// main.js
import { createApp } from "vue";
import App from "./App.vue";
import DraggableResizableVue from "draggable-resizable-vue3";
const app = createApp(App);
app.use(DraggableResizableVue);
app.mount("#app");

Register locally (composition API):

<script setup>
import DraggableResizableVue from "draggable-resizable-vue3";
</script>

Register locally with the container component:

<script setup>
import {
  DraggableResizableVue,
  DraggableResizableContainer,
} from "draggable-resizable-vue3";
</script>

---

Initially, this is a fork of the Vue 2 library vue-draggable-resizable. Now it is being developed independently from the source.