vue-kanban
A drag and drop kanban board component
Demo
Installation
Add vue-kanban to your project with npm
npm install vue-kanban-mao
... or yarn
yarn add vue-kanban-mao
Basic Usage
Install the plugin
Vue
and then use the component in your project.
Props
- stages: an array of stages for the kanban board
- blocks: an array of objects that will make up the blocks on the kanban board
stages: 'on-hold' 'in-progress' 'needs-review' 'approved' blocks: id: 1 status: 'on-hold' title: 'Test'
Receiving Changes
The component will emit an event when a block is moved
Add some style
I have included a scss stylesheet in this repo as a starting point that can be used in your project
Customize the kanban blocks
Each block has a named slot which can be extended from the parent, like so...
{{ stage }} id: {{ block.id }} {{ block.title }}