DndContext - @dnd-kit – Documentation
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
- Chloe's Gardenchloeyan.me
- Getting Started - Legacy | dnd kitdocs.dndkit.com
- Installation - Legacy | dnd kitdocs.dndkit.com
- Sorrel Salb | Are.naare.na
- Raindrop.ioapp.raindrop.io
- Sortable - Legacy | dnd kitdocs.dndkit.com
- Notionnanransohoff.com
- Roughdraft - Markdown reviews for coding agentsroughdraft.md
- Draggable - Legacy | dnd kitdocs.dndkit.com
- Impeccable: The missing upgrade to Anthropic's impeccable skillimpeccable.style
- Drag Overlay - Legacy | dnd kitdocs.dndkit.com
- Quince | High Quality Essentials, Radically Low Pricesquince.com