items*required | DraggableObject[] | | Sorted array of draggable objects |
children | React.ReactElement | | Custom defined content wrapper for draggable items. By default, draggable items are wrapped in a styled div.
Intended to be a 'DataList' or 'DualListSelectorList' without children. |
onDrag | (event: DragDropSortDragStartEvent, oldIndex: number) => void | () => {} | Callback when use begins dragging a draggable object |
onDrop | (event: DragDropSortDragEndEvent, items: DraggableObject[], oldIndex?: number, newIndex?: number) => void | () => {} | Callback when user drops a draggable object |
variant | 'default' | 'defaultWithHandle' | 'DataList' | 'DualListSelectorList' | 'TableComposable' | 'default' | The variant determines which component wraps the draggable object.
Default and defaultWithHandle varaints wrap the draggable object in a div.
DataList vairant wraps the draggable object in a DataListItem
DualListSelectorList variant wraps the draggable objects in a DualListSelectorListItem and a div.pf-c-dual-list-selector__item-text element
TableComposable variant wraps the draggable objects in TODO |