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@dnd-kit/sortable@dnd-kit/utilities@mdi/jslucide-react

preview

Showcase

Loading component registry groups and selected install bundle...