Question 1

How do I install Neodrag in a React project?

Accepted Answer

Install the React-specific package via npm: `npm install @neodrag/react`. Then, import and use it in your components following the documentation on the Neodrag website for framework-specific examples.

Question 2

Neodrag vs dnd-kit: which is better for React?

Accepted Answer

Neodrag offers a consistent API across multiple frameworks and is simpler for basic dragging, while dnd-kit is React-specific and more feature-rich for complex interactions like sorting. Choose Neodrag for cross-framework consistency or dnd-kit for deep React integration.

Question 3

Does Neodrag support touch devices?

Accepted Answer

Yes, Neodrag supports touch devices out of the box using pointer events. However, you may need to adjust configurations like touch thresholds for optimal experience, as documented in the API.

Question 4

Can I use Neodrag with TypeScript?

Accepted Answer

Yes, Neodrag packages include TypeScript definitions, providing type safety and autocompletion. Simply install the package and import it; TypeScript will work seamlessly with the provided types.

Question 5

How to handle drag events like start and end in Neodrag?

Accepted Answer

Neodrag provides event callbacks such as `onDragStart` and `onDragEnd` in its API. Configure these in the options object passed to the draggable component to execute custom logic during drag interactions.

Question 6

Is Neodrag accessible for screen readers?

Accepted Answer

Neodrag does not handle accessibility automatically; developers must add ARIA roles, labels, and keyboard support manually. Refer to WCAG guidelines to ensure your implementation is compliant.

Question 7

What other frameworks will Neodrag support?

Accepted Answer

According to the roadmap in the README, Lit is planned for future support. Currently, it supports Svelte, React, Vue, Solid, and vanilla JavaScript.

neodrag

What is neodrag?

Overview

Use Cases

Best For

Found a gem we're missing?

Not Ideal For

Pros & Cons

Pros

Cons

Frequently Asked Questions