• What is KendoReact
  • Getting Started
  • Server Components
  • Components
    • Animation
    • Barcodes
    • Buttons
    • Chartsupdated
    • Common Utilities
    • Conversational UIupdated
    • Data Gridupdated
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Formupdated
    • Ganttupdated
    • Gauges
    • Indicators
    • Inputsupdated
    • Labels
    • Layoutupdated
    • ListBox
    • ListView
    • Map
    • Notification
    • OrgChartnew
    • PDF Processing
    • PDFViewer
    • PivotGrid
    • Popup
    • Progress Bars
    • Ripple
    • Scheduler
    • ScrollView
    • Sortable
    • Spreadsheetupdated
    • TaskBoard
    • Tooltips
    • TreeList
    • TreeViewupdated
    • Upload
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • Updates
  • Troubleshooting

DraggableOptions

Represents the configuration object type of the Draggable component and useDraggable hook.

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.

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.

In this article

Not finding the help you need?