Components
    • Animation
    • Barcodes
    • Buttons
    • Charts
    • Common Utilities
    • Conversational UI
    • Data Grid
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdowns
    • Editor
    • Excel Export
    • File Saver
    • Form
    • Gantt
    • Gauges
    • Indicators
    • Inputs
    • Labels
    • Layout
    • ListBox
    • ListView
    • Mapbeta
    • Notification
    • PDF Processing
    • PivotGrid
    • Popup
    • Progress Bars
    • Ripple
    • Scheduler
    • ScrollView
    • Sortable
    • TaskBoard
    • Tooltips
    • TreeList
    • TreeView
    • Upload
    Sample Applications
    Styling & Themes
    Common Features
    Project Setup
    Changelog

DraggableProps

Represents the props of the KendoReact Draggable component.

NameTypeDefaultDescription

autoScroll?

boolean | AutoScrollOptions

Set the autoScroll property to false to disable automatic container scroll when close to the edge. For more information, refer to the Auto Scroll article.

Defaults to true.

childRef?

React.Ref<undefined>

Callback to get the child element ref. Useful as the Draggable overrides ref of the child element.

hint?

"null" | RefObject<undefined>

Set the hint to override the element used for collision detection.

For more information, refer to the Drag Hint article.

mouseOnly?

boolean

Set the mouseOnly property to true to stop the draggable from attaching touch event handlers.

Defaults to false.

Methods

onDrag

Fires when the user drag the element inside the Draggable component.

Parameters

event

DraggableDragEvent

onDragEnd

Fires when the user finishes dragging the element inside the Draggable component.

Parameters

event

DraggableDragEndEvent

onDragStart

Fires when the user starts dragging the element inside the Draggable component.

Parameters

event

DraggableDragStartEvent

onPress

Fires when the user press element inside the Draggable component.

Parameters

event

DraggablePressEvent

onRelease

Fires when the user release the current drag action.

Parameters

event

DraggableReleaseEvent