Skip to content

Drag & Drop Example

An example showing the use of the HTML Drag and Drop API with LWC.

Available in: App Page · Home Page · Record Page

drag-and-drop

Read on Medium

Implement Drag & Drop with LWC

Implement Drag & Drop with LWC

Usage

html
<c-drag-and-drop></c-drag-and-drop>

The example is self-contained: drag one of the demo elements into the dropzone card and it is added to the datatable. Use it as a starting point for your own drag & drop implementations.

Released under the MIT License.