Custom renderer actionn

how to add onclick action on item custom renderer ??

Capture

how to handle onclick action ??

Since these elements are normal DOM elements, you will have to add a click listener to them.

Inside our core, we’re using dom delegates for adding these bindings, you could have a look at this: https://github.com/bpmn-io/diagram-js/blob/master/lib/features/context-pad/ContextPad.js#L304

How to add unique id=“shape” to image??

Using DOM elements, I click on the image, but the click function related to the shape (task) is executed

Did you try event.stopPropagation()?

For further assistance, please share a CodeSandbox that reproduces your issue.