Clarity now provides an Angular Tree View component. There are three main types of trees: Basic Tree, Basic Tree with Icons, and Checkbox Tree. Tree supports features like dynamic tree generation, lazy loading of tree nodes, selectable tree nodes, pre-populating a tree etc. For more details, refer to the Tree Documentation .
Basic Tree Example
<clr-tree-node>
<b>Office Locations</b>
<clr-tree-node>
USA
<clr-tree-node>Palo Alto, CA (Headquarters)</clr-tree-node>
<clr-tree-node>Seattle, WA</clr-tree-node>
<clr-tree-node>Austin, TX</clr-tree-node>
</clr-tree-node>
<clr-tree-node>
UK
<clr-tree-node>
London
</clr-tree-node>
</clr-tree-node>
<clr-tree-node>
India
<clr-tree-node>Bangalore, KA</clr-tree-node>
<clr-tree-node>Pune, MH</clr-tree-node>
</clr-tree-node>
</clr-tree-node>
With 0.8.4, Clarity has introduced many new icons including icons
that are requested by our users such as
tag
, help
, plus-circle
, etc