프로젝트 소개

dnd-kit는 웹에서 드래그 앤 드롭 인터페이스를 위한 계층형 아키텍처를 제공합니다. 추상 코어는 DOM 구현과 얇은 프레임워크 어댑터를 통해 사용할 수 있으며, vanilla JavaScript, React, Vue, Svelte, SolidJS용 빠른 시작 문서가 제공됩니다. 이 툴킷은 목록, 그리드, 다중 컨테이너, 중첩 컨텍스트, 가변 크기 항목, 가상화 목록, 2D 스타일 드래그 상호작용을 지원합니다. 입력 지원에는 포인터, 마우스, 터치, 키보드 센서가 포함됩니다. 접근성 기능은 키보드 조작, 기본 ARIA 속성, 스크린 리더 안내, 라이브 리전을 다룹니다. 개발자는 애니메이션, 전환, 동작, 스타일, 키 바인딩, 센서, 충돌 감지 로직을 사용자 정의할 수 있습니다. 정렬 가능한 계층은 @dnd-kit/dom/sortable을 통해 순서 지정 인터페이스에 사용할 수 있습니다. 저장소는 추상 코어, DOM 계층, 충돌 감지, 지오메트리 유틸리티, 헬퍼, 반응형 상태 관리, React, Vue, Svelte, Solid 어댑터를 포함한 게시된 패키지의 모노레포로 구성되어 있습니다. 전체 문서, API 참조, 가이드, 예제는 dndkit.com에서 호스팅됩니다. 이 프로젝트는 MIT 라이선스이며 개발에 Turborepo와 bun을 사용합니다.