liquor-tree

A Vue tree component that allows you to present hierarchically organized data in a nice and logical manner. documentation | demos

Features

• drag&drop

• 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: ```shell $ npm install liquor-tree ``` Yarn: ```shell $ yarn add liquor-tree ```

Live Playground

To run that demo on your own computer:

• Clone this repository

• npm install

• npm run build

• npm run storybook

• Visit http://localhost:9001/

There are a lot of examples for you. All sources of stories are located in liquor-tree/docs/storybook/stories.

Usage

```html

<tree

:data="items"

:options="options"

ref="tree"

/>

```

Development

Check out the package.jsons script section. There are 2 scripts:

• npm run dev - it will open browser and you can play with code

• npm run build - it will craete a module file in production mode

License

MIT