DropZoneSlotProps

DropZoneSlotProps = object

Defined in: packages/ui/src/types.ts:339

Props for the drop zone plugin slot.

The low-level slot for drag-and-drop file upload areas. Handles drag state feedback, file validation, and click-to-browse. Use DropZoneProps in application code; this type is for plugin implementors.

See

• DropZoneProps for the high-level component props.
• UIPluginComponents for the slot registration point.

Properties

accept?

optional accept: string

Defined in: packages/ui/src/types.ts:355

MIME type filter for accepted files.

---

children

children: ReactNode

Defined in: packages/ui/src/types.ts:341

Drop zone content (instructions or file preview).

---

isDragOver

isDragOver: boolean

Defined in: packages/ui/src/types.ts:343

Whether a file is currently being dragged over the zone.

---

isInvalid

isInvalid: boolean

Defined in: packages/ui/src/types.ts:345

Whether the dragged file is invalid (wrong type).

---

onClick()

onClick: () => void

Defined in: packages/ui/src/types.ts:353

Handler called when the zone is clicked (opens file picker).

Returns

void

---

onDragLeave()

onDragLeave: () => void

Defined in: packages/ui/src/types.ts:351

Handler called when the drag leaves the zone.

Returns

void

---

onDragOver()

onDragOver: (e) => void

Defined in: packages/ui/src/types.ts:349

Handler called during dragover for visual feedback.

Parameters

e

React.DragEvent

Returns

void

---

onDrop()

onDrop: (files) => void

Defined in: packages/ui/src/types.ts:347

Handler called when files are dropped.

Parameters

files

FileList

Returns

void