Skip to main content

Tree

Import

import { Tree } from "react-complex-tree";

Props

NameTypeDefault ValueRequiredDescription
treeIdstringYes
rootItemstringYes
treeLabelstringNo
treeLabelledBystringNo
renderItem(props: { item: TreeItem<T>; depth: number; children: any; title: React.ReactNode; arrow: React.ReactNode; context: TreeItemRenderContext<never>; info: TreeInformation; }) => anyNo
renderItemTitle(props: { title: string; item: TreeItem<T>; context: TreeItemRenderContext<never>; info: TreeInformation; }) => anyNo
renderItemArrow(props: { item: TreeItem<T>; context: TreeItemRenderContext<never>; info: TreeInformation; }) => anyNo
renderRenameInput(props: { item: TreeItem<T>; inputProps: InputHTMLAttributes<HTMLInputElement>; inputRef: Ref<HTMLInputElement>; submitButtonProps: HTMLProps<...>; submitButtonRef: Ref<...>; formProps: FormHTMLAttributes<...>; }) => anyNo
renderItemsContainer(props: { children: React.ReactNode; containerProps: HTMLProps<any>; info: TreeInformation; depth: number; parentId: TreeItemIndex; }) => anyNo
renderTreeContainer(props: { children: React.ReactNode; containerProps: HTMLProps<any>; info: TreeInformation; }) => anyNo
renderDragBetweenLine(props: { draggingPosition: DraggingPosition; lineProps: HTMLProps<any>; }) => anyNo
renderSearchInput(props: { inputProps: HTMLProps<HTMLInputElement>; }) => anyNo
renderLiveDescriptorContainer(props: { children: React.ReactNode; tree: TreeConfiguration; }) => anyNo
renderDepthOffsetnumberNo
refRef<TreeRef<T>>No