UNPKG

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) [![img.png](img.png)](https://shaddix.github.io/dnd-ki

13 lines (12 loc) 768 B
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;