csak-tree

KO | EN

gitlite — search

#javascript #react #typescript #llm #rust #linux #docker #macos #windows #cli #kubernetes #security #ios #mcp

(★ 16)

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

csak-tree 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# \<csak-tree\>

[![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    
<csak-tree branchiconopen="vaadin:minus-square-o" branchicon="vaadin:plus-square-o" expanded>
  <csak-tree-item>Branch
    <csak-tree-item>Branch             
        <csak-tree-item>Leaf</csak-tree-item>
        <csak-tree-item>Leaf</csak-tree-item>
      </csak-tree-item>
      <csak-tree-item>Branch               
          <csak-tree-item>Leaf</csak-tree-item>
          <csak-tree-item>Leaf</csak-tree-item>
      </csak-tree-item>             
  </csak-tree-item>
</csak-tree>    
```

Example2

```html    
<csak-tree branchiconopen="vaadin:minus-square-o" branchicon="vaadin:plus-square-o"
data='{            
      "children ": [  
            {
              "name": "Branch",
              "children": [                     
                {
                  "name": "Branch",
                  "children": [                     
                  { 
                    "name": "Leaf"                        
                  },
                  {
                    "name": "Leaf"                        
                  }                      
                ]                           
                }   ,
                {
                  "name": "Branch",
                  "children": [                     
                  { 
                    "name": "Leaf"                        
                  },
                  {
                    "name": "Leaf"                        
                  }                      
                ]                           
                }                      
              ]
            }        
          ]
        }' expanded>
</csak-tree>    
```

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

csak-tree

csak-tree 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

csak-tree

csak-tree 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README