Tree with custom indent.

Tree with custom indent.

Library

ReUI

Framework

React

Type

block

License

MIT

Dependencies

@headless-tree/core, @headless-tree/react

Install

npx shadcn@latest add @reui/c-tree-3

Files

• registry-reui/bases/radix/components/tree/c-tree-3.tsx
• registry-reui/bases/radix/reui/tree.tsx
• app/(create)/components/icon-placeholder.tsx
• lib/icon-library-store.ts
• registry/icons/icon-lucide.tsx
• registry/icons/icon-tabler.tsx
• registry/icons/icon-hugeicons.tsx
• registry/icons/icon-phosphor.tsx

Source

https://github.com/keenthemes/reui

Categories

• Data Display Components
• React Data Display Components
• Tailwind CSS Data Display Components
• Tree View Components
• React Tree View Components
• Tailwind CSS Tree View Components

More from ReUI

• Nested attribute picker with drill-down navigation.
• Translated labels across a country picker.
• Two-line rows with descriptions and a disabled option.
• Form field that submits like a native input.
• Columns mode with independently scrolling panels.
• Tree mode with inline expand and multi-select scopes.
• Async drill-down that loads before it navigates.
• Virtualized level with thousands of rows.
• Consumer-rendered removable chips with path-aware labels.
• Cascading tree multi-select inside a popover.
• Status and priority colour dots via renderLabel.
• Multi-select permissions with checkboxes and a selection cap.