npm install @angular/cdk

// app.module.ts — enable drag-and-drop
import { DragDropModule } from '@angular/cdk/drag-drop';

@NgModule({
  imports: [DragDropModule],
})
export class AppModule {}

// task-list.component.ts
import { Component } from '@angular/core';
import { CdkDragDrop, moveItemInArray } from '@angular/cdk/drag-drop';

@Component({
  selector: 'app-task-list',
  template: `
    <div cdkDropList (cdkDropListDropped)="drop($event)">
      <div *ngFor="let task of tasks" cdkDrag class="task-item">
        {{ task }}
      </div>
    </div>
  `,
  styles: [`.task-item { padding: 12px; border: 1px solid #ccc; cursor: move; }`]
})
export class TaskListComponent {
  tasks = ['Write tests', 'Review PR', 'Deploy to staging', 'Update docs'];

  drop(event: CdkDragDrop<string[]>) {
    moveItemInArray(this.tasks, event.previousIndex, event.currentIndex);
  }
}