Clickable image to open full screen image modal

What are you trying to do? (please be as specific as possible and include relevant screenshots, code snippets, and reproduction steps)
I’m trying to build a component, ImageA, which includes a Slot target that lets me set any image, so that I can use it in several places in my website layout. I would need this component to be clickable, so that when user clicks, a modal opens up in full screen showing the same Image as targeted in Slot target.

What have you tried so far? (please link relevant docs and other forum posts)
I created the ImageA component and a second ImageExtended component (which would be the full screen modal when ImageA is clicked) but when trying to set an OnClick interaction for ImageA I can’t target it to ImageExtended as the latter doesn’t show up in the Group dropdown list. This is problem 1.

Problem 2 is: how can I set the components so that when setting the image for ImageA (via the Slot target), then also ImageExtended component will load that same image without doing manually?



Processing: Screenshot 2024-03-28 at 23.34.31.png…

Thanks in advance for any help,
F.