动画与交互

dnd-kit

为 React 提供可访问、可组合的拖拽原语。

访问官网 GitHub

简介

面向 React 的拖拽工具包，用传感器、碰撞检测与可排序模块组合交互，兼顾键盘操作和屏幕阅读器反馈。

安装

npm install @dnd-kit/core @dnd-kit/sortable

命令用于快速开始，具体版本与配置请以官方文档为准。

适用场景

实现跨列看板或排序列表
为拖拽操作补充键盘路径
自定义拖拽预览与碰撞策略

特点

默认提供键盘传感器和多类传感器
模块化结构便于按场景组合
对激活、悬停和放置反馈有明确状态

专属示例

真实运行

多列拖拽与键盘排序

dnd-kit 驱动多列看板的拖拽排序，支持列内与跨列移动，并可用键盘完成同样的操作。