CdkDropList

Other draggable containers that this container is connected to and into which the container's items can be transferred. Can either be references to other drop containers, or their unique IDs.

Arbitrary data to attach to this container.

Direction in which the list is oriented.

Unique ID for the drop zone. Can be used as a reference in the connectedTo of another CdkDropList.

Locks the position of the draggable elements inside the container along the specified axis.

Whether starting a dragging sequence from this container is disabled.

Whether sorting within this drop list is disabled.

Function that is used to determine whether an item is allowed to be moved into a drop container.

Functions that is used to determine whether an item can be sorted into a particular index.

Whether to auto-scroll the view when the user moves their pointer close to the edges.

Number of pixels to scroll for each frame when auto-scrolling an element.

Selector that will be used to resolve an alternate element container for the drop list. Passing an alternate container is useful for the cases where one might not have control over the parent node of the draggable items within the list (e.g. due to content projection). This allows for usages like:

<div cdkDropList cdkDropListElementContainer=".inner">  <div class="inner">    <div cdkDrag></div>  </div></div>

Emits when the user drops an item inside the container.

Emits when the user has moved a new drag item into this container.

Emits when the user removes an item from the container by dragging it into another container.

Emits as the user is swapping items while actively dragging.