Quartz Headless docs/DropZoneDirective

Search documentation

Type to search the documentation.

API: Core

DropZoneDirective

Directive reference for DropZoneDirective with the selector [qzDropZone].

Overview

Selector

[qzDropZone]

Inputs

Input Type Default Required Description
qzDropZone (property config) string | DropZoneConfig {} Configuration object
qzDropZoneAccept (property accept) string[] [] Acceptable drag types
qzDropZoneDisabled (property disabled) unknown false Whether drop is disabled Transform booleanAttribute; reads as boolean.
qzDropZoneSortable (property sortable) unknown false Whether to allow sorting Transform booleanAttribute; reads as boolean.
qzDropZoneOrientation (property orientation) "vertical" | "horizontal" | undefined undefined Explicit layout axis for before/after drop-position and sortable-index calculation. When unset, falls back to the existing width > height measurement heuristic.

Outputs

Output Payload Description
qzDrop QzDropInfo Emitted when item is dropped
qzDragEnter QzDragOverInfo Emitted when drag enters
qzDragLeave void Emitted when drag leaves
qzDragOver QzDragOverInfo Emitted when dragging over

Properties

Name Type Description
readonly isDragOver Signal<boolean>
readonly canDrop Signal<boolean>
readonly isDisabled Signal<boolean> An explicit input wins; config supports the same shorthand fields.
readonly isSortable Signal<boolean>

Public methods

onDragEnter

onDragEnter(event: DragEvent): void
Parameter Type Optional Description
event DragEvent

onDragLeave

onDragLeave(_event: DragEvent): void
Parameter Type Optional Description
_event DragEvent

onDragOver

onDragOver(event: DragEvent): void
Parameter Type Optional Description
event DragEvent

onDrop

onDrop(event: unknown): void
Parameter Type Optional Description
event unknown