draggable-resizable-vue3

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

Get started

• :green_book: Documentation.
• :cookie: Examples.
• :tomato: Live playground.

Roadmap

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

Installation

1$ npm install draggable-resizable-vue3

Register (DraggableResizableVue and DraggableResizableContainer components) globally:

1// main.js
2import { createApp } from "vue";
3import App from "./App.vue";
4import DraggableResizableVue from "draggable-resizable-vue3";
5const app = createApp(App);
6app.use(DraggableResizableVue);
7app.mount("#app");

Register locally (composition API):

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

Register locally with the container component:

1<script setup>
2import {
3  DraggableResizableVue,
4  DraggableResizableContainer,
5} from "draggable-resizable-vue3";
6</script>

---

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