HTML Template for Drag & Drop Demo LWC | Draggable Elements

dragAndDrop.html

<template for:each={elements} for:item="element">
  <div key={element.id} class="slds-col slds-size_1-of-3">
    <div
      data-id={element.id}
      data-name={element.label}
      class="slds-box slds-theme_shade slds-text-align_center slds-var-m-bottom_x-small grabbable"
      draggable="true"
      ondragstart={handleDragStart}
    >
      {element.label}
    </div>
  </div>
</template>