# liquor-tree

> A Vue.js tree component.

Latest version **0.2.70** (published 2019-12-18) · MIT license · 0 weekly downloads

## Install

```sh
npm install liquor-tree
pnpm add liquor-tree
yarn add liquor-tree
bun add liquor-tree
```

## Health

**Score 20/100 (F)** — status: abandoned.

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.2.70 |
| Published | 2019-12-18 |
| First published | 2017-12-14 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 0 |
| Unpacked size | 190.1 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 392 |
| Author | Kostiantyn |
| Maintainers | amsik |
| Keywords | vue, tree, component, vue-tree, treeview |

## Links

- npm: https://www.npmjs.com/package/liquor-tree
- Repository: https://github.com/amsik/liquor-tree
- Homepage: https://amsik.github.io/liquor-tree/
- Issues: https://github.com/amsik/liquor-tree/issues
- npm.io page: https://npm.io/package/liquor-tree

## Recent versions

- 0.2.70 (latest) — 2019-12-18
- 0.2.69 — 2019-12-10
- 0.2.68 — 2019-11-21
- 0.2.67 — 2019-10-28
- 0.2.66 — 2019-10-16
- 0.2.65 — 2019-09-24
- 0.2.63 — 2019-09-10
- 0.2.62 — 2019-08-29
- 0.2.61 — 2019-08-14
- 0.2.60 — 2019-07-25
- 0.2.59 — 2019-06-21
- 0.2.58 — 2019-06-15
- 0.2.57 — 2019-05-30
- 0.2.56 — 2019-04-30
- 0.2.55 — 2019-04-24
- … 76 more at https://npm.io/package/liquor-tree/versions

## README

# Liquor Tree

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

[documentation](https://amsik.github.io/liquor-tree/) | [demos](https://amsik.github.io/liquor-tree/#Examples)

## 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
  <!-- Vue Component -->
  <template>
    <tree
        :data="items"
        :options="options"
        ref="tree"
    />
  </template>

  <script>
    import Vue from 'Vue'
    import LiquorTree from 'liquor-tree'

    Vue.use(LiquorTree)

    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 code
- `npm run build` - it will craete a module file in `production` mode 


## License

[MIT](https://opensource.org/licenses/MIT)

---
_Source: https://npm.io/package/liquor-tree · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._