Introduction
Getting Started
Vue 2 End of Support
Native Components
Wrapper Components
- Introduction
- Barcodes
- Buttons
- Charts
- Chat
- DataSource
- Date Inputs
- Diagram
- Dialog
- Dropdowns
- DropDownTree
- Editor
- Gantt
- Gauges
- Grid (wrapper)
- Inputs
- Layout
- List Views
- ListBox
- - Overview
  - Data Binding
  - Selection
  - Dragging and Dropping
  - Item Templates
  - Localization
  - Keyboard Navigation
  - RTL Support
  - API
- Map
- MediaPlayer
- PivotGrid
- Popups
- Scheduler
- ScrollView
- Spreadsheet
- TreeList
- TreeMap
- TreeView
- Upload
- Validator
- Window
- Framework & Features
- Globalization
- Troubleshooting
- Using Wrapper Components in Vite
Sample Applications
Styling & Themes
Common Features
Project Setup
Knowledge Base
Changelog
FAQ
Troubleshooting

Components / ListBox / Dragging and Dropping /

New to Kendo UI for Vue? Start a free 30-day trial

Dragging and Dropping

To enable the drag-and-drop feature of the ListBox, set its draggable property to true.

You can also customize the drag-and-drop behavior of the ListBox by using its draggable.placeholder and draggable.hint options.

Currently, the drag-and-drop functionality is not available for multiple selected items.

Example

View Source

Change Theme:

Suggested Links

Is this article helpful?

Thank you for your feedback!