1 | ![Module](https://img.shields.io/badge/%40platform-ui.tree-%23EA4E7E.svg)
|
2 | [![License: MIT](https://img.shields.io/badge/license-MIT-blue.svg)](https://opensource.org/licenses/MIT)
|
3 | [![NPM](https://img.shields.io/npm/v/@platform/ui.tree.svg?colorB=blue&style=flat)](https://www.npmjs.com/package/@platform/ui.tree)
|
4 | ![banner](https://user-images.githubusercontent.com/185555/91111982-fe793400-e6d5-11ea-98fc-51eaba37f2de.png)
|
5 |
|
6 | A hierarchical tree visualisation and navigation component.
|
7 |
|
8 | <p> </p>
|
9 |
|
10 | ## Setup
|
11 |
|
12 | yarn add @platform/ui.tree
|
13 |
|
14 | To work abstractly with the tree-view use the [isolated type library](../ui.tree.types):
|
15 |
|
16 | yarn add @platform/ui.tree.types
|
17 |
|
18 | To manage tree [state](../state) see `TreeviewState` which extends the `TreeState` primitive in:
|
19 |
|
20 | yarn add @platform/state
|
21 |
|
22 | <p> </p>
|
23 |
|
24 | ## Data Structure
|
25 |
|
26 | ![diagram](https://user-images.githubusercontent.com/185555/91111749-6da25880-e6d5-11ea-8b8c-66073d04c6d5.png)
|
27 |
|
28 | <p> </p>
|
29 | <p> </p>
|