Создать контейнер Drag and Drop Angular7

Question

Мне нужно иметь возможность создавать контейнеры, чтобы можно было перетаскивать элементы, чтобы я мог создавать группы.

Например, этот веб-сайт: http://marceljuenemann.github.io/angular-drag-and-drop-lists/demo/#/nested

Look New Elements (Container)

<div class="card-top">
  <div class="card-header">
    <span><i class="fas fa-users"></i> GroupUser1</span>
    <div class="card-header-actions save-button">
    <a href="#" class="card-header-action" target="_blank">
    <small class="text-muted"><i class="far fa-check-circle"></i> Save</small>
    </a>
    </div>
  </div>
  <div class="card-body" cdkDropList #pendingList="cdkDropList" [cdkDropListData]="todo" [cdkDropListConnectedTo]="[pendingList2, pendingList3]" (cdkDropListDropped)="drop($event)">
    <div class="grupo-paciente" *ngFor="let item of todo" [cdkDragData]="item" cdkDrag>{{item}}</div>
  </div>
</div>