# NavigationTree

**Kind:** Component

**Source:** [`atloria-monorepo/packages/ui-react/src/components/NavigationTree.tsx`](https://github.com/sherkety/atloria/blob/main/atloria-monorepo/packages/ui-react/src/components/NavigationTree.tsx#L167)

## Props

| Name | Type | Required | Default |
|---|---|---|---|
| `items` | `DocumentTreeNode[]` | ✓ | - |
| `activeId` | `string` | - | - |
| `defaultExpanded` | `string[]` | - | [] |
| `expanded` | `string[]` | - | - |
| `onExpandedChange` | `Function` | - | - |
| `onItemClick` | `Function` | - | - |
| `showStateIndicator` | `boolean` | - | false |
| `loading` | `boolean` | - | false |
| `emptyMessage` | `string` | - | - |
| `className` | `string` | - | - |

## Diagram

```mermaid
graph TD
    component_NavigationTree_7b35908b["NavigationTree"]
    class component_NavigationTree_7b35908b rootComponent
```

## Relationships

- RENDERS → `TreeItem`
- USES_HOOK → `useState`
- USES_HOOK → `useRef`
- USES_HOOK → `useCallback`
- USES_HOOK → `useEffect`