https://github.com/csakaszamok/csak-tree

Its just a tree. A tree view. A file tree. A menu tree. A tree for you. The missing Polymer 2.x webcomponent.
https://github.com/csakaszamok/csak-tree

polymer2 treeview webcomponents

Last synced: 3 months ago
JSON representation

Its just a tree. A tree view. A file tree. A menu tree. A tree for you. The missing Polymer 2.x webcomponent.

• Host: GitHub
• URL: https://github.com/csakaszamok/csak-tree
• Owner: csakaszamok
• License: mit
• Created: 2017-12-28T14:41:39.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2018-01-11T11:03:38.000Z (over 8 years ago)
• Last Synced: 2026-01-26T23:59:15.064Z (4 months ago)
• Topics: polymer2, treeview, webcomponents
• Language: HTML
• Homepage:
• Size: 6.11 MB
• Stars: 16
• Watchers: 1
• Forks: 4
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGE.md
  • License: LICENSE

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/csakaszamok/csak-tree)

Its just a tree. A tree view. A file tree. A menu tree. A tree for you.  

The missing Polymer 2.x webcomponent.  

> Preview version!

Example 1

```html    

  Branch

    Branch             

        Leaf

        Leaf

      

      Branch               

          Leaf

          Leaf

                   

  

    

```

Example2

```html    

    

```

### Install with bower

First you need bower, [see their site](http://bower.io/) for details 

```

bower install --save csak-tree

```

### API documentation

[Online API documentation](https://csakaszamok.github.io/csak-tree/)

## Styling

Custom property | Description | Default

----------------|-------------|---------

--csak-tree-item-indent | Items indent value | 1em

--iron-icon-width | Inherited css variable | 16px    

## Use cases

> + menutree

> + classic treeview

> + custom tree

> + filetree

### Menutree

![](https://github.com/csakaszamok/csak-tree/blob/master/csaktree_menutree.gif?raw=true)

[Demo](https://csakaszamok.github.io/csak-tree/demo/demo_treemenu.html)

### Classic treeview

![](https://github.com/csakaszamok/csak-tree/raw/master/csaktree_classictreeviewi.gif?raw=true)

[Demo](https://csakaszamok.github.io/csak-tree/demo/demo_classici.html)

[Demo](https://csakaszamok.github.io/csak-tree/demo/demo_classicii.html)

### Events demo

[Demo](https://csakaszamok.github.io/csak-tree/demo/demo_events.html)

### Custom tree

![](https://github.com/csakaszamok/csak-tree/raw/master/csaktree_customimages.gif?raw=true)

[Demo](https://csakaszamok.github.io/csak-tree/demo/demo_image.html)

### Filetree

![](https://github.com/csakaszamok/csak-tree/blob/master/csaktree_vscodemonaco.gif?raw=true)

[Demo](https://csakaszamok.github.io/csak-tree/demo/demo_vscode.html)

## 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