EffDND Seguro de sí mismo Arrastrar y soltar

Declarar nodos arrastrables

Guía

SourceCraft

GitHub

NPM

⚡️ Dependencia cero

No se requiere nada más

🔥 Configuración cero

Solo importa

😍 Independiente del marco de trabajo

Muchas herramientas, un solo enfoque

💡 Inspirado en HTMX

También impulsado por atributos

🚀 Desarrollado con TypeScript

Cómodo para el desarrollo

✔️ Soporte para eventos táctiles

Listo para ordenadores de sobremesa y dispositivos móviles.

Casos de uso

Simplemente importa effdnd para habilitar la magia:

data-dnd-reorder="order-x"

# 1

# 2

# 3

data-dnd-reorder="order-y"

# 1

# 2

# 3

data-dnd-transfer="append"

# 1

# 2

# 3

data-dnd-transfer="prepend"

# 4

# 5

# 6

specified axis

free axis

axis="x"

axis="y"

Kanban with autoscroll

Backlog

Draft RFC

Gather requirements

Stakeholder review

Doing

Implement core API

Wire up UI

Review

Code review

Done

Ship v1