Headless Tree Documentation

• Sandboxes
• Get Started
• Managing State: Manage the entire tree state or just a part of it.
• Hotkeys
• Accessibility Considerations
• Styling: Customize the appearance of your tree
• React Compiler
• Migrating from react-complex-tree: Guides on how to migrate from react-complex-tree to headless-tree
• Overview
• Tree Core: Tree Core Functionality
• Sync Data Loader: Data interface for synchronous data sources
• Async Data Loader: Data interface for asynchronous data sources
• Selections: Support for selecting multiple items
• Drag and Drop: Drag-and-drop Capabilities for tree items and external drag objects
• Keyboard Drag and Drop: Keyboard-controlled Drag and Drop for assistive technologies
• Hotkeys: Support for custom and predefined hotkeys to navigate and interact with the tree
• Tree Search: Searching for items in the tree by typing in a search query
• Renaming: Rename items in the tree
• Checkboxes: API for multi-selecting items with checkboxes
• Expand all: API for expanding or collapsing all items with a single click
• Prop Memoization: Feature making all props created by HT consistent and useable for memoization
• React Native: Remaps generated Headless Tree props for React Native renderers
• Main Feature: Core Features related to Headless-Tree
• Overview
• Dragging in or out of tree
• Customizability
• Details on Dnd Behavior
• Handling external state updates
• Handling expensive Components: How to use proper memoization to use expensive tree-item components
• Virtualization: Integrate virtualization into your tree to support many items
• Proxy Item Instances
• Plugins: Write custom Headless-Tree Plugins or override parts of existing ones
• Custom Click Behavior
• Nested Rendering and Animations
• Tests
• New Frameworks
• core
• react
• Demos