> A vuejs grid with draggable and resizable boxes. This source is based on @dattn/dnd-grid. Thank you very much for all of your work @dattn.
npm install dn-vue-dashboardjs
/// main.js
import './plugins/vuedashboard'
``js
/// plugins/vuedashboard
import Vue from 'vue'
import { BootstrapVue, BootstrapVueIcons } from 'bootstrap-vue'
import { VueDashboard } from 'dn-vue-dashboard'
Vue.use(BootstrapVue)
Vue.use(BootstrapVueIcons)
Vue.use(VueDashboard)
import 'dn-vue-dashboard/dist/dn-vue-dashboard.css'
`
$3
`html
:layout="layout"
:readOnly="false"
@changed="changed"
>
`$3
`js
layout.push(new Widget({
id: '1234-0',
position: {
x: 0,
y: 0,
h: 2,
w: 4
},
title: 'Widget 1',
component: 'DemoWidget',
pinned: false
})
`Project setup
`
npm install bootstrap-icons --save
npm install bootstrap-vue --save
``
yarn install
`$3
`
yarn docs:dev
`$3
`
yarn docs:build
`NPM
Deploy to NPM
`
yarn publish
``This project is licensed under MIT License