/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 vote288 views1 answer
Confirmed button bootstrap
Html
1 vote336 views1 answer
Anchor tag to different section of the same page
Html
0 vote327 views1 answer
Applying padding increases the size of the element
Html
9 votes379 views6 answers
Table in bootstrap 4
Html
23 votes292 views3 answers
Html tag email
Html
0 vote307 views1 answer
Htmlagility treeview
Html
2 votes353 views1 answer
Onclick show div and hide other div
Html
5 votes302 views2 answers
Html icon web
Html
212 votes435 views6 answers
Open link in new tab html
Html
18 votes308 views3 answers
Default checked radio button
Html