History

haozq 723f80cdec first commit		2025-03-29 19:33:58 +08:00
..
01-basic.md	first commit	2025-03-29 19:33:58 +08:00
02-events.md	first commit	2025-03-29 19:33:58 +08:00
03-multiple-grids.md	first commit	2025-03-29 19:33:58 +08:00
04-allow-ignore.md	first commit	2025-03-29 19:33:58 +08:00
05-mirrored.md	first commit	2025-03-29 19:33:58 +08:00
06-responsive.md	first commit	2025-03-29 19:33:58 +08:00
07-prevent-collision.md	first commit	2025-03-29 19:33:58 +08:00
08-responsive-predefined-layouts.md	first commit	2025-03-29 19:33:58 +08:00
09-dynamic-add-remove.md	first commit	2025-03-29 19:33:58 +08:00
10-drag-from-outside.md	first commit	2025-03-29 19:33:58 +08:00
11-bounded.md	first commit	2025-03-29 19:33:58 +08:00
README.md	first commit	2025-03-29 19:33:58 +08:00
auto-size.md	first commit	2025-03-29 19:33:58 +08:00
events.md	first commit	2025-03-29 19:33:58 +08:00
examples.md	first commit	2025-03-29 19:33:58 +08:00
properties.md	first commit	2025-03-29 19:33:58 +08:00
styling.md	first commit	2025-03-29 19:33:58 +08:00
usage.md	first commit	2025-03-29 19:33:58 +08:00

README.md

Installation

NPM

npm install vue-grid-layout --save

Yarn

yarn add vue-grid-layout

Import the library

    import VueGridLayout from 'vue-grid-layout';

Add to other Vue components

   export default {
       components: {
           GridLayout: VueGridLayout.GridLayout,
           GridItem: VueGridLayout.GridItem
       },
   // ... data, methods, mounted (), etc.
   }

browser

Include the browser-ready bundle (download from releases) in your page. The components will be automatically available.

    <script src="vue-grid-layout.umd.min.js"></script>