2.4 | How to render HTML Markup coming from input slot?

When you want to render HTML markup code that comes from an input slot, you should use innerHTML. In the logic of your elementary component, you should use model<SlotId>Chaged method to then set the innerHTML property to the desired element. Let's say you have have a component with a string input slot called html, and you want to render this html code within a div whose id is container. To aim this, code may look as follows:

...
modelHtmlChanged: function (html) {
	var container = document.querySelector('#container');
	continer.innerHTML = html;
}
...

<template>
   <div>
      {{model.html}}
   </div>
</template>