How to use custom icon drag-drop in bpmnjs

Developers Modeler
1

I have used this link to https://github.com/narve/angular-bpmn to create custom Pallate Object

i have followed that ,what i want to try drag drop custom object

getPaletteEntries() {
    // console.log(this.constructor.name, "getPaletteEntries", this.palette, this.originalPaletteProvider);
    return {
      coffitool: {
        group: 'tools',
        className: ['fa-coffee', 'fa'],
        title: 'coffi',
        action: {
          dragstart: (event) =>
       
         console.log( 'coffi!'+event),
   
          
        }
      },

I am able to get event but don’t get any idea how should i proceeds to start drag drop on custome object

image

image

2

i have also triyed https://github.com/bpmn-io/bpmn-js-examples/tree/master/custom-elements

convert code to typescript ,but whenEver i am dropping object its giving

image

image

3

how did you resolve here, have you included any function like ( drag and drop ) under action element of coffitool or added any function to any other file!