x-html Directive

Render raw HTML. Use with caution – only for trusted content!

What is x-html?

x-html sets the innerHTML of an element. It can render actual HTML tags but should only be used with trusted content to avoid XSS vulnerabilities.

When to Use

Only use x-html when you absolutely need to render HTML markup and you are sure the content is safe (e.g., static HTML from your own CMS). Never use it with unsanitized user input.

Example

<div x-data="{ rawHtml: '<strong>Bold text</strong>' }">
  <div x-html="rawHtml"></div>
  <!-- Output: Bold text (rendered as bold) -->
</div>