vue-topiary

> VueTopiary is a modern, elegant looking tree component (requires VueJS 2.6.10 or grater), including inline node editing and full drag n drop support.

Feature

- Icons use any icon library of your choosing, the icon object property accepts standard HTML style icon fonts (see example before for more information)
- Drag and Drop tree nodes within current component instance, or across components!
- Expanded can be defined at runtime so tree objects can appear expanded by default
- Editable nodes allow double-click support allowing in-place editing
- Custom Drop Nodes all nodes have an acceptDrag property so you choose which node can be used as a drop target
- Contextual event support (right mouse or control-clicking) will pass node details to callback method
- Customize your node display, including icon support

Example Project

$3

---

!demo

$3

Vue Topiary follows Semantic Versioning in all its official projects for documented features and behavior. For undocumented behavior or exposed internals, changes are described in release notes

$3

---

Install

npm install @codedungeon/vue-topiary

or

yarn add @codedungeon/vue-topiary

Usage

You can see Vue Topiary in action here

NOTE: If you receive an error about Vue packages version mismatch execute the following

``bash
// Update the version of Vue and vue-template-compiler to latest is fine.
npm install vue@latest -S
npm install vue-template-compiler@latest -D
`

main.js

`vue
import Vue from 'vue' import VueTopiary from '@codedungeon/vue-topiary' import
'@codedungeon/vue-topiary/dist/vue-topiary.min.css' Vue.use(VueTopiary)
`

test.vue

`vue