draggable-resizable-vue3

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