ListBox / Drag and Drop

Blazor ListBox Example - Drag and Drop

Loading Syncfusion Blazor Server Demos…

Group A

Group B

This example demonstrates the drag and drop functionalities of ListBox component for reordering and transferring items.

Drag and drop features:

  • Drag item or group of selected items
  • Drop within same listbox or into another listbox
  • Enable within ListBox via AllowDragAndDrop property set to true
  • Enable between multiple listboxes via Scope property set on both listboxes

Sample implementation:

  • List of countries loaded in Group A
  • List of countries loaded in Group B
  • Drag and drop items between groups in both directions

See also

Transform your Blazor web apps today with Syncfusion® Blazor components
145+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE