/Html/Angular material drag and drop only on button

Angular material drag and drop only on button

Drag and drop angular

<div cdkDropList class="example-list" (cdkDropListDropped)="drop($event)">
  <div class="example-box" *ngFor="let movie of movies" cdkDrag>{{movie}}</div>
</div>

Source: material.angular.io

Angular material drag and drop only on button

<div class="example-box" cdkDrag>
  I can only be dragged using the handle

  <div class="example-handle" cdkDragHandle>
    <button class="btn move" cdkDragHandle>
      <mat-icon>open_with</mat-icon>
	</button>
  </div>
</div>

Source: material.angular.io

Similar codes

0 vote110 views1 answer
How do you set a focus keyphrase in html site
Html
0 vote119 views1 answer
Html how to create a box in the middle of a image
Html
0 vote106 views1 answer
Access django object in html
Html
0 vote116 views1 answer
Free video url for testing
Html
4 votes111 views4 answers
Modal form bootstrap
Html
1 vote118 views3 answers
Nav-pills class bootstrap
Html
0 vote116 views1 answer
Tailwind CSS modal
Html
0 vote110 views1 answer
Laravel afficher fichier
Html
2 votes123 views4 answers
Tailwind CSS buttons
Html
0 vote118 views1 answer
How to create seprate flex box for adding items into the box
Html