/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 vote139 views1 answer
If the screen size is then link a css file html
Html
1 vote128 views1 answer
Checkbox switch bootstrap
Html
9 votes133 views2 answers
Html make a clickable link
Html
0 vote143 views3 answers
Solution
Html
0 vote123 views1 answer
Use svg as favicon react
Html
13 votes123 views4 answers
Sticky top bootstrap 4
Html
55 votes133 views5 answers
Javascript limit input to 2 decimal places
Html
0 vote143 views1 answer
Web development html chapter 1
Html
9 votes136 views2 answers
How set the function on button when click and show the window.print output in js
Html
4 votes128 views2 answers
Botstrap
Html