Tree
Simple tree component for showing hierarchical data.
Examples
Theme
This component uses the following default theme:
- root{}(6 keys)
- Show all
Learn more about how to customize in the Theme documentation.
API
Tree
| Prop | Description | Default |
|---|---|---|
className | CSS Classname to apply to the treestring | |
style | Extra style attributes to apply to the treeCSSProperties | |
theme | Theme for the TreeTreeTheme | |
collapsedIcon | A custom icon to be used for collapsed nodes.any | |
expandedIcon | A custom icon to be used for expanded nodes.any |
TreeNode
| Prop | Description | Default |
|---|---|---|
label | Label to display for the nodeReactNode | |
className | CSS Classname to apply to the nodestring | |
expanded | Whether the node is expanded or notboolean | |
disabled | Whether the node is disabled or notboolean | |
theme | Theme for the TreeTreeTheme | |
onExpand | Event fired when the node is expanded() => void | |
onCollapse | Event fired when the node is collapsed() => void |