Components / Sortable / API / SortableProps /

SortableProps

Name	Type	Description
animation?	`boolean`	Enables or disables the reorder animation of the Sortable items. defaults to `true`.
className?	`string`	Defines the CSS class which is applied to the Sortable element.
data	`object[]`	(Required) The data items of the Sortable.
disabledField?	`string`	The field which enables or disables an item.
emptyItemUI?	`React.ComponentType<SortableEmptyItemUIProps>`	The component that is rendered when no data is available.
idField	`string`	(Required) The field which uniquely identifies the Sortable items.
itemUI	`React.ComponentType<SortableItemUIProps>`	(Required) The Sortable items UI.
navigation?	`boolean`	Enables or disables the keyboard navigation. Defaults to `true`.
onDragEnd?	`(event: SortableOnDragEndEvent) => void`	Fires when the user stops dragging an item.
onDragOver?	`(event: SortableOnDragOverEvent) => void`	Fires when the user is dragging an item over another Sortable item.
onDragStart?	`(event: SortableOnDragStartEvent) => void`	Fires when the user starts dragging an item. This event is preventable.
onNavigate?	`(event: SortableOnNavigateEvent) => void`	Fires when the user is navigates within the Srotable by using the keyboard.
style?	`React.CSSProperties`	Defines the CSS styles which are applied to the Sortable element.
tabIndex?	`number`	Specifies the tab index of the Sortable items.