A draggable and resizable grid layout, as a Vue component.
Package: vue-grid-layout
Created by: jbaysolutions
Last modified: Wed, 03 Aug 2022 14:40:05 GMT
Version: 2.4.0
License: MIT
Downloads: 194,200
Repository: https://github.com/jbaysolutions/vue-grid-layout
Install
npm install vue-grid-layout
yarn add vue-grid-layout
vue-grid-layout
Documentation Website
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.4.0 (Supports Vue 2.2+)
For legacy browsers, like IE11, use version 2.3.12-legacy
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
Dependencies
Dependencies
@babel/preset-env: ^7.12.11@vue/cli-plugin-babel: ^3.4.1@vue/cli-plugin-eslint: ^3.4.1@vue/cli-plugin-unit-jest: ^4.5.10@vue/cli-service: ^3.4.1@vue/eslint-config-standard: ^3.0.5@vue/test-utils: ^1.1.2babel-core: 7.0.0-bridge.0babel-jest: ^26.6.3babel-plugin-transform-flow-comments: ^6.7.0rimraf: ^2.6.2vue: ^2.7.8vue-jest: ^3.0.7vue-template-compiler: ^2.7.8webpack-bundle-analyzer: ^3.9.0
