DUTreeView
NavigationExpandable hierarchical tree.
import { DUTreeView } from 'deri-ui';Live preview
typescript
<DUTreeView nodes={[{id:'a',label:'App',children:[{id:'b',label:'Home'}]}]} />Props
| Prop | Type | Default | Description |
|---|---|---|---|
| nodes | DUTreeNode[] | — | Tree data |
| defaultExpandedIds | string[] | — | Open nodes |
| onSelect | (node) => void | — | Selection |
Usage
import { DUTreeView } from 'deri-ui';
<DUTreeView nodes={[{id:'a',label:'App',children:[{id:'b',label:'Home'}]}]} />Customize with className, radius, and Tailwind utilities. Theme tokens come from deri-ui/tailwind.preset.
Related
© 2026 Deri Ui. Developed by Deribew Shimelis. Copy and use the code freely in your projects.