How to read a variable inside a custom dmx.Component?

Wappler General How To
#1

I’ve multiple custom components created via dmx.Component and I wonder if it’s possible to use a variable from this component inside the page:

<my-component id="my_component" />
<p>My Component State: {{my_component.state === 'draw_ended' ? 'true' : 'false'}}</p>

And inside the component I would have something like that:

dmx.Component('my-component', {
  state: 'draw_ended',
  render: () => ...
} );