Tree
Displays hierarchical data in a collapsible tree structure. Makes it easy to navigate nested items and manage complex relationships.
Default
Props
| Name | Default | Type |
|---|---|---|
node* | - | TreeNode Root tree node to render. Can contain nested children to form the tree structure. |
nodeKey* | - | string Unique key used to identify each node. Usually an id-like property present on every node. |
options | {
rowHeight: "25px",
indentWidth: "20px",
showIndentationGuides: true,
defaultCollapsed: true,
} | TreeOptions Optional configuration for tree layout and behavior. |
Slots
| Slot | Payload |
|---|---|
node | - Slot to fully override how a tree node renders |
icon | - Slot to override only the node expand/collapse icon |
label | - Slot to override only the node label/content |