Tree
Import
import { Tree } from "react-complex-tree";
Props
Name | Type | Default Value | Required | Description |
---|---|---|---|---|
treeId | string | Yes | ||
rootItem | string | Yes | ||
treeLabel | string | No | ||
treeLabelledBy | string | No | ||
renderItem | (props: { item: TreeItem<T>; depth: number; children: any; title: React.ReactNode; arrow: React.ReactNode; context: TreeItemRenderContext<never>; info: TreeInformation; }) => any | No | ||
renderItemTitle | (props: { title: string; item: TreeItem<T>; context: TreeItemRenderContext<never>; info: TreeInformation; }) => any | No | ||
renderItemArrow | (props: { item: TreeItem<T>; context: TreeItemRenderContext<never>; info: TreeInformation; }) => any | No | ||
renderRenameInput | (props: { item: TreeItem<T>; inputProps: InputHTMLAttributes<HTMLInputElement>; inputRef: Ref<HTMLInputElement>; submitButtonProps: HTMLProps<...>; submitButtonRef: Ref<...>; formProps: FormHTMLAttributes<...>; }) => any | No | ||
renderItemsContainer | (props: { children: React.ReactNode; containerProps: HTMLProps<any>; info: TreeInformation; depth: number; parentId: TreeItemIndex; }) => any | No | ||
renderTreeContainer | (props: { children: React.ReactNode; containerProps: HTMLProps<any>; info: TreeInformation; }) => any | No | ||
renderDragBetweenLine | (props: { draggingPosition: DraggingPosition; lineProps: HTMLProps<any>; }) => any | No | ||
renderSearchInput | (props: { inputProps: HTMLProps<HTMLInputElement>; }) => any | No | ||
renderLiveDescriptorContainer | (props: { children: React.ReactNode; tree: TreeConfiguration; }) => any | No | ||
renderDepthOffset | number | No | ||
ref | Ref<TreeRef<T>> | No |