Draggable

Kind

Drag And Drop

Name

Type

Description

DnD context and draggable, droppable, and sortable primitives. Use for reorderable lists, drag-and-drop UIs, or file drop zones.

Content examples

Default (1)

Function variants

Default(1)

Files

src/components/registry/primitives/dnd/draggable.tsx→components/registry/primitives/dnd/draggable.tsx
src/components/registry/primitives/dnd/dnd-context.tsx→components/registry/primitives/dnd/dnd-context.tsx
src/components/registry/primitives/dnd/droppable.tsx→components/registry/primitives/dnd/droppable.tsx
src/components/registry/primitives/dnd/sortable.tsx→components/registry/primitives/dnd/sortable.tsx
src/components/registry/primitives/dnd/drag-overlay.tsx→components/registry/primitives/dnd/drag-overlay.tsx

Dependencies

@dnd-kit/core@^6.3.1@dnd-kit/sortable@^10.0.0@dnd-kit/utilities@^3.2.2@mdi/js@^7.4.47lucide-react@^1.17.0

preview

Showcase

Loading component registry groups and selected install bundle...