dnd-kit-sortable-tree-eshaffer
Version:
This is a Tree component extracted from [dndkit](https://github.com/clauderic/dnd-kit) examples and abstracted a bit. Here's how it could look like (visuals are completely customizable via css though) [](https://shaddix.github.io/dnd-ki
13 lines (12 loc) • 768 B
TypeScript
import { PointerSensorOptions } from '@dnd-kit/core';
import type { TreeItemComponentType, TreeItems } from './types';
export declare type SortableTreeProps<TData, TElement extends HTMLElement> = {
items: TreeItems<TData>;
onItemsChanged(items: TreeItems<TData>): void;
TreeItemComponent: TreeItemComponentType<TData, TElement>;
indentationWidth?: number;
indicator?: boolean;
pointerSensorOptions?: PointerSensorOptions;
disableSorting?: boolean;
};
export declare function SortableTree<TreeItemData, TElement extends HTMLElement = HTMLDivElement>({ items, indicator, indentationWidth, onItemsChanged, TreeItemComponent, pointerSensorOptions, disableSorting, ...rest }: SortableTreeProps<TreeItemData, TElement>): JSX.Element;