@logo-software/tree

A tree view represents a hierarchical view of information, where each item can have a number of subitems. Click on the arrow(s) to open or close the tree branches.

Usage no npm install needed!

<script type="module">
  import logoSoftwareTree from 'https://cdn.skypack.dev/@logo-software/tree';
</script>

README

Tree Module

A tree view represents a hierarchical view of information, where each item can have a number of subitems. Click on the arrow(s) to open or close the tree branches.

Click here for demo

Installation

All public npm packages of Logo Software is at https://www.npmjs.com/~logofe. To install Tree Module:

$ npm set registry https://registry.npmjs.org/
$ npm install @logo-software/tree -s

Then add TreeModule to @NgModule imports section

app.module.ts

@NgModule({
  imports: [CommonModule, TreeModule],
})
export class AppModule {
}

Tree Component

Almost anything can be represented in a tree structure. Examples include directories, organization hierarchies, biological classifications, countries, etc. The Tree component is a way of representing the hierarchical relationship between these things. You can also expand, collapse, and select a treeNode within a Tree.

Add the below code to your code stack and give initializer parameters.

app.component.html

<logo-tree [items]="items" [start]="0" [iconClasses]=""></logo-tree>

For API details, please visit http://design.logo.com.tr/#/docs/components/components-overview