# Table Tree Hierarchy

Multi-level repository and project explorer (folders, packages, services and files with bulk selection).

- id: `table-tree-hierarchy`
- Page: https://agentic-ui-kit.com/components/table-tree-hierarchy
- Live preview: https://agentic-ui-kit.com/live/component/table-tree-hierarchy

## Install

```bash
agentic-ui add table-tree-hierarchy
npx shadcn@4.17.0 add @agentic-ui/table-tree-hierarchy
```

## Metadata

- **Level:** block
- **Category:** block
- **Installable in:** Radix UI (registry variant new-york)
- **Capabilities:** hierarchical-tree, expand-collapse, cascading-checkboxes, tri-state-selection, ancestor-auto-expansion, search-filter, density-toggle, bulk-actions, keyboard-navigation, live-announcements, empty-state, error-recovery, read-only-mode
- **Intents:** manage-collection, explore-detail, track-status, navigate
- **Suits domains:** project-management, devtools, saas, operations, file-storage
- **Interaction:** toggle-expand, cascade-checkbox-selection, search-filter, density-toggle, bulk-expand-collapse, keyboard-navigation, error-recovery
- **Screen role:** management
- **Density:** compact
- **Dark mode:** yes
- **Use it for:** multi-level repository and project explorer (folders, packages, services and files with bulk selection), nested task manager (epics, user stories, tasks and subtasks with status tracking), organizer for ledger accounts or charts of accounts in enterprise finance and billing, tree of categories, subcategories and product references in large e-commerce catalogs, document manager with cascading permissions and hierarchical file selection for download or archiving
- **Avoid when:** the data is strictly flat with no parent-child relationships (use a standard data table), the hierarchy exceeds hundreds of thousands of nodes without server-side virtualized pagination, a visual graph-style tree or flowchart is required instead of a table
- **Preserve when adapting:** hierarchical-tree-structure, cascading-selection-logic, tri-state-rollup-semantics, accessible-treegrid-roles-and-announcements, keyboard-interaction-model
- **Replace when adapting:** domain-columns-and-data-model, node-type-badges-and-icons, row-action-handlers
- **Adaptation effort:** low
- **Coupling:** low
- **Quality score:** 9.2/10
- **Quality breakdown:** visual 9/10, responsive 9/10, accessibility 9/10, code 9/10
- **Uses primitives:** badge, button, checkbox, input, table
- **Motion:** profile subtle, library css, reduced-motion fallback yes
- **npm dependencies (registry):** lucide-react@0.577.0
- **Registry dependencies:** lib-primitives