Binding value as html in stenciljs

Question

I am having trouble rendering a value with custom html inside into an element. ex:

this.title = 'Hello <b> stencil </b>'; << response value from an API 

Binding:

<h1>{this.title}</h1>

I am expecting something same as innerHtml behavior in JavaScript.

Answer 1

You can use

<h1 innerHTML={this.title} />