UnsafeHtml

The unsafeHtml directive can be used to inject arbitrary raw HTML into a template.

Type: unsafeHtml(html: string): Directive<Text>

INFO

unsafeHtml is a pure Text directive.

Using unsafeHtml

To use unsafeHtml, import it and insert the directive into a template.

import { createComponent, unsafeHtml } from '@grainular/nord';

const component = createComponent((html) => {
    return html`<div>${unsafeHtml(`<div>Unsanitized HTML is injected</div>`)}</div>`;
});

The string will be injected into the template at the specified place as innerHTML.

DANGER

Using unsafeHTML might introduce security vulnerabilities into your application. You should avoid whenever possible.

⚡️

Code insights: You can see the function signature & implementation here: unsafe-html.ts