New to KendoReactStart a free 30-day trial

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.

boolean

If set to true, the user can use dedicated shortcuts to interact with the Srotable. By default, navigation is disabled.

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.

Not finding the help you need?
Contact Support