SortableProps

Represents the props of the KendoReact Sortable component.

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 Array<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 Sortabele 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? CSSProperties

Defines the CSS styles which are applied to the Sortable element.

tabIndex? number

Specifies the tab index of the Sortable items.