Blazor ListBox Example - Drag and Drop
This demo passes automated axe checks with 0 violations — semantic markup, ARIA, full keyboard operation, visible focus. Section 508 conformant
Accessibility report
VPAT
Group A
- Australia
- Bermuda
- Canada
- Cameroon
- Denmark
- France
- Finland
- Germany
- Hong Kong
Group B
- India
- Italy
- Japan
- Mexico
- Norway
- Poland
- Switzerland
- United Kingdom
- United States
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