SortableProps

Represents the props of the KendoReact Sortable component.

NameTypeDefaultDescription

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.

style?

React.CSSProperties

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

tabIndex?

number

Specifies the tab index of the Sortable items.

Methods

onDragEnd

Fires when the user stops dragging an item.

Parameters

event

SortableOnDragEndEvent

onDragOver

Fires when the user is dragging an item over another Sortable item.

Parameters

event

SortableOnDragOverEvent

onDragStart

Fires when the user starts dragging an item. This event is preventable.

Parameters

event

SortableOnDragStartEvent

onNavigate

Fires when the user is navigates within the Srotable by using the keyboard.

Parameters

event

SortableOnNavigateEvent