vue3-grid-layout

A draggable and resizable grid layout, as a Vue component.
275,345
Install
npm install vue3-grid-layout
Latest Version:1.0.0
Vue:3
License:ISC
Last Updated:Oct 10, 2021
Links: npm
Maintainer: tututux

Important notice

Compatible with VUE3 (3.0.0-3.0.7), but no VUE3 syntax refactoring, usage unchanged. use v-model:layout="layout" Instead of v-model ="layout".

What is Vue Grid Layout?

vue-grid-layout is a grid layout system, like Gridster, for Vue.js. Heavily inspired by React-Grid-Layout

Features

  • Draggable widgets
  • Resizable widgets
  • Static widgets
  • Bounds checking for dragging and resizing
  • Widgets may be added or removed without rebuilding grid
  • Layout can be serialized and restored
  • Automatic RTL support (resizing not working with RTL on 2.2.0)
  • Responsive

Current version: 2.3.12 (Supports Vue 3.0.7)

For Vue 2.1.10 and below use version 2.1.3
For Vue 1 use version 1.0.3

Documentation

Check out the Documentation Website

Projects using vue-grid-layout

Know of others? Create a PR to let me know!

Contribute

If you have a feature request, please add it as an issue or make a pull request.

Developed by JBay Solutions

Version History

Version Released License
1.0.0 ISC