Slots

The component provides named slots for all handles and for each handle individually, so you can use your markup inside each one.

Customizing all handles.

<draggable-resizable-vue>
   <template #handle>
   ...
   </template>
</draggable-resizable-vue>

Or customize specific handle:

• handle-tl - Top left
• handle-tm - Top middle
• handle-tr - Top right
• handle-mr - Middle right
• handle-br - Bottom right
• handle-bm - Bottom middle
• handle-bl - Bottom left
• handle-ml - Middle left

<draggable-resizable-vue>
   <template #handle-bl>
   ...
   </template>
</draggable-resizable-vue>