Prosemirror inline error icon


I’m trying to add custom SVG icons that are clickable as error icons around bad text. I followed the lint example, however it appears that the clickable icons are outside the editor and not inline.

I’m looking for some guidance around dynamically adding icons to bad inline text, and then making those icons clickable to open a tooltip or a popup.

See the decoration example, specifically the boolean toggle section.

How would I style something like this to appear like its on top of the other DOM elements? My purpose is to have a decoration that shows an error icon but appears on the top right of text or an image but slightly on top of it.