vue-grid-layout

A draggable and resizable grid layout, as a Vue component.

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
vue-grid-layout
6,8992502.4.02 years ago8 years agoMinified + gzip package size for vue-grid-layout in KB

Popular Searches

Readme

Vue Grid Layout


vue-grid-layout

<img src="https://img.shields.io/npm/v/vue-grid-layout.svg"/> 
<img src="https://img.shields.io/npm/dm/vue-grid-layout.svg"/>
<img src="https://img.shields.io/github/size/jbaysolutions/vue-grid-layout/dist/vue-grid-layout.umd.min.js"/>

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