/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

1 vote417 views1 answer
Validation script for cnic pattern in html
Html
0 vote247 views1 answer
How to add .java files to html
Html
32 votes233 views6 answers
Border class bootstrap
Html
1 vote249 views1 answer
Default date in html
Html
6 votes228 views2 answers
How to get the input of a textbox in html
Html
0 vote262 views1 answer
Html table with sortable columns
Html
0 vote265 views1 answer
Zk wrap listbox in horizontal scrollbar
Html
0 vote259 views2 answers
Tailwind css product card
Html
0 vote253 views1 answer
How to add a button bootstrap
Html
0 vote249 views3 answers
Twig filter
Html