https://github.com/vpusher/paper-tree

Browsable tree of nodes with expandable/collapsible capabilities and actions menu
https://github.com/vpusher/paper-tree

Last synced: about 1 month ago
JSON representation

Browsable tree of nodes with expandable/collapsible capabilities and actions menu

• Host: GitHub
• URL: https://github.com/vpusher/paper-tree
• Owner: vpusher
• License: mit
• Created: 2016-11-11T17:49:32.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2017-08-23T07:46:46.000Z (about 7 years ago)
• Last Synced: 2024-10-05T12:57:01.714Z (about 2 months ago)
• Language: HTML
• Homepage:
• Size: 38.1 KB
• Stars: 27
• Watchers: 4
• Forks: 24
• Open Issues: 7
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# \

[![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg?style=flat-square)](https://beta.webcomponents.org/element/vpusher/paper-tree)

Display a browsable tree of nodes (``) with expandable/collapsible capabilities and actions menu for each node.

Each node is defined by a **name**, an **icon**, an **open** state (expanded/collapsed) and an **actions** menu.

Example:

```html

 

```

## Installation

First, make sure you have [Bower](https://bower.io/) and the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) installed.

Then,

```

bower install

polymer serve -o

```

## Usage

Add a `` element to your page and set the `data` attribute:

```

```

See documentation to know the options and structure of the `data` attribute.

## Contributing

1. Fork it!

2. Create your feature branch: `git checkout -b my-new-feature`

3. Commit your changes: `git commit -am 'Add some feature'`

4. Push to the branch: `git push origin my-new-feature`

5. Submit a pull request :D

## History

* **1.0.3:** lazy loading enablement.

* **1.0.2:** full shadow dom support.

* **1.0.1:** ability to select a node clicking the icon.

* **1.0.0:** initial release.

## License

MIT license