flâneur — a map of the web's best reading

DndContext - @dnd-kit – Documentation

docs.dndkit.com · 8 words · saved by 1 readers

Home Examples Github Search ⌘ K Overview INTRODUCTION Installation Quick start API DOCUMENTATION DndContext Collision detection algorithms useDndContext useDndMonitor Droppable Draggable Sensors Modifiers PRESETS Sortable GUIDES Accessibility Powered By GitBook DndContext Application structure Context provider In order for your your Droppable and Draggable components to interact with each other, you'll need to make sure that the part of your React tree that uses them is nested within a parent component. The provider makes use of the React Context API to share data between draggable and droppable components and hooks. React context provides a way to pass data through the component tree without having to pass props down manually at every level. Therefore, components that use useDraggable, useDroppable or DragOverlay will need to be nested within a DndContext provider. They don't need to be direct descendants, but, there does need to be a parent p

Redirecting to: /legacy/api-documentation/context-provider/dnd-context Redirecting from /legacy/api-documentation/context-provider/ to /legacy/api-documentation/context-provider/dnd-context

Explore this link on the map →

related reading