Skip to content

davidfig/tree

Folders and files

NameName
Last commit message
Last commit date

Latest commit

2857176 · Dec 26, 2020

History

22 Commits
Dec 26, 2020
May 2, 2018
Dec 25, 2020
Dec 26, 2020
Dec 25, 2020
Apr 30, 2018
Apr 30, 2018
Dec 26, 2020
Dec 25, 2020
Dec 25, 2020
Dec 26, 2020

Repository files navigation

tree

Vanilla drag-and-drop UI tree

Rationale

I needed a tree components for my tools. Most of the available visual tree APIs require vue or react. And so yy-tree was created.

Super Simple Example

const data = {
    children: [
        { name: 'fruits', children: [
            { name: 'apples', children: [] },
            { name: 'oranges', children: [
                { name: 'tangerines', children: [] },
                { name: 'mandarins', children: [] },
                { name: 'pomelo', children: [] },
                { name: 'blood orange', children: [] },
            ] }
        ]},
        { name: 'vegetables', children: [
            { name: 'brocolli', children: [] },
        ] },
    ]
}

const tree = new Tree(data, { parent: document.body })

Live Examples

https://davidfig.github.io/tree/

API Documentation

https://davidfig.github.io/tree/jsdoc/

Installation

npm i yy-tree

license

MIT License (c) 2021 YOPEY YOPEY LLC by David Figatner

About

vanilla-javascript drag-and-drop UI tree

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published