dnd-kit

dnd-kitは、Web上のドラッグ＆ドロップインターフェース向けに階層化されたアーキテクチャを提供します。抽象的なコアはDOM実装と薄いフレームワークアダプターを通じて利用でき、バニラJavaScript、React、Vue、Svelte、SolidJS向けのクイックスタートが文書化されています。 このツールキットは、リスト、グリッド、複数コンテナ、ネストされたコンテキスト、可変サイズのアイテム、仮想化リスト、2Dスタイルのドラッグ操作をサポートします。入力サポートには、ポインター、マウス、タッチ、キーボードのセンサーが含まれます。アクセシビリティ機能は、キーボード操作、デフォルトのARIA属性、スクリーンリーダー向けの指示、ライブリージョンをカバーしています。 開発者は、アニメーション、トランジション、動作、スタイル、キーバインド、センサー、衝突検出ロジックをカスタマイズできます。順序付けインターフェース向けに、@dnd-kit/dom/sortableを通じてソータブルレイヤーが利用可能です。 リポジトリは公開パッケージのモノレポとして構成されており、抽象コア、DOMレイヤー、衝突検出、ジオメトリユーティリティ、ヘルパー、リアクティブ状態管理、React、Vue、Svelte、Solidの各アダプターが含まれます。完全なドキュメント、APIリファレンス、ガイド、例はdndkit.comでホストされています。このプロジェクトはMITライセンスで、開発にはTurborepoとbunを使用しています。