Question 1

How to set up drag and drop in Blazor using blazor-dragdrop?

Accepted Answer

Add the service in Startup.cs with services.AddBlazorDragDrop(), import the namespace in _Imports.razor, and copy CSS from the demo's dragdrop.css file to style the components, as outlined in the usage section.

Question 2

Does blazor-dragdrop work with Blazor WebAssembly or just Blazor Server?

Accepted Answer

blazor-dragdrop is compatible with both Blazor WebAssembly and Blazor Server, as it's a standard Blazor component library that relies on client-side interactions for drag-and-drop, though performance may vary based on hosting model.

Question 3

How can I style the drag-and-drop elements in blazor-dragdrop?

Accepted Answer

You need to add custom CSS by copying from the provided dragdrop.css file and applying classes like plk-dd-dropzone, or assign your own classes via the Class attribute on Dropzone components, with detailed styling guidance in the README.

Question 4

Is blazor-dragdrop better than using the native HTML5 drag-and-drop API directly in Blazor?

Accepted Answer

blazor-dragdrop simplifies the process by providing Blazor-specific components and events, reducing boilerplate code compared to manually handling the HTML5 API in Blazor, though it adds a library dependency and may have less control for advanced use cases.

Question 5

What do I need to do to make blazor-dragdrop work on mobile devices?

Accepted Answer

Include the mobile-drag-drop polyfill by adding its CSS and JavaScript to your _host.html, as specified in the README, to enable touch-based drag-and-drop on mobile browsers, which isn't natively supported by HTML5.

Question 6

Can I use blazor-dragdrop for large lists with many items?

Accepted Answer

While it supports large lists, the instant replace feature is not recommended for them; for better performance, avoid instant replace and rely on standard drag-and-drop with visual cues, as mentioned in the limitations.

Blazor-DragDrop

What is Blazor-DragDrop?

Overview

Use Cases

Best For

Related Projects

Found a gem we're missing?

Not Ideal For

Pros & Cons

Pros

Cons

Frequently Asked Questions