draggable-resizable-vue3
This is Vue 3 (Composition API) library for draggable and resizable elements with custom grid.
Get started
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
$ 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.
