VUE-WIDGETS-LAYOUT

Draggable and resizable widgets

github repository

Installation

Install package using npm:

npm install vue-widgets-layout --save

Usage

<template>
  <div>
    <layout-container>
      <some-element/>
    </layout-container>
  </div>
</template>

<script>
import LayoutContainer from 'vue-widgets-layout';

export default {
	components: [
		LayoutContainer
	]
};
</script>

Events

• ready: event fired once grid is initialized and positions are recalculated
• updated: every time any user interacted with layout element

Props

• colNumber: number of columns
• resizable: defines whether grid items can be resized
• draggable: defines whether grid items can be dragged
• useAnimations: use css trancition property to animate user interractions
• isEditing: toggle grid editing mode