EffDND Самоуверенный Drag-and-Drop

Объявите узлы переносимыми

Руководство

SourceCraft

GitHub

NPM

⚡️ Никаких зависимостей

Больше ничего не требуется

🔥 Нулевая конфигурация

Просто импортируйте

😍 Вне фреймворка

Разные инструменты - одно решение

💡 Вдохновлен HTMX

Тоже полагается на атрибуты

🚀 Использует TypeScript

Для комфортной разработки

✔️ Поддерживает touch-события

Подходит для десктопа и мобильных интерфейсов

Примеры использования

Просто импортируйте effdnd, чтобы началась магия:

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