vue-grid-layout is a grid layout system, like Gridster, for Vue.js. Heavily inspired by React-Grid-Layout
NOTE: This is not the original version!
What we do have, is first-class support for typescript, and esm targets. This package is for vue 3.x only. No support for vue2 will be given.
npm install @jojoxd/vue-grid-layout
# or:
yarn add @jojoxd/vue-grid-layout
- 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
Use the original vue-grid-layout:
- 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
Original version by jbaysolutions.
I've just ts-ified the project (and most likely will update to composition api later)