How to access to a property of a component

Hello there,

I’m trying to build a component.
I will use it to show modals.

The component is made of 3 elements :

  • modal_start_html (code element)
  • shortcode
  • modal_end_element (code element)

So I made 2 properties, one to change the shortcode value (it works well !)
and another to change the modal id, called ‘modal_id’ .

I guess I should have something like this in modal_start_html :

Am I trying to do something impossible ?

For the moment I solved my problem transfering the modal class to a parent contener.
The modal ID I have to use on my button is not very readable (because I can’t change the ID name on bricks) exemple: #brxe-iagrmc but it works …

It is always better than duplicate the modal html code on different places.

Capture d’écran 2026-05-29 à 15.08.19