GeezerVison

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>

By default when an item leaves its initial container, its placeholder will be transferred to the new container. If that's not desirable for your use case, you can enable this option which will clone the placeholder and leave it inside the original container. If the item is returned to the initial container, the anchor element will be removed automatically.

The cloned placeholder can be styled by targeting the cdk-drag-anchor class.

This option is useful in combination with cdkDropListSortingDisabled to implement copying behavior in a drop list.

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.

Registers an items with the drop list.

Removes an item from the drop list.

Gets the registered items in the list, sorted by their position in the DOM.