README
Liquor Tree
A Vue tree component that allows you to present hierarchically organized data in a nice and logical manner.
Features
- mobile friendly
- events for every action
- flexible configuration
- any number of instances per page
- multi selection
- keyboard navigation
- filtering
- sorting
- integration with Vuex
Installation
Npm:
$ npm install v3-vue-mobiletree
Yarn:
$ yarn add v3-vue-mobiletree
Live Playground
To run that demo on your own computer:
- Clone this repository
npm install
npm run storybook
- Visit
http://localhost:9001/
There are a lot of examples for you. All sources of stories are located in v3-vue-mobiletree/docs/storybook/stories
.
Usage
<!-- Vue Component -->
<template>
<tree
:data="items"
:options="options"
ref="tree"
/>
</template>
<script>
import Vue from 'Vue'
import VueTree from 'vue-tree'
Vue.use(VueTree)
export default {
...
data() {
return {
items: [
{text: 'Item 1'},
{text: 'Item 2'},
{text: 'Item 3', children: [
{text: Item 3.1},
{text: Item 3.2}
]}
],
options: {
checkbox: true
}
}
}
...
}
</script>
Development
Check out the package.json
s script section. There are 2 scripts:
npm run dev
- it will open browser and you can play with codenpm run build
- it will craete a module file inproduction
mode