JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://unpkg.com/@webcomponents/webcomponentsjs@next/webcomponents-loader.js"></script>

<script type="module">
  import {LitElement, html} from 'https://unpkg.com/@polymer/lit-element@latest/lit-element.js?module';

  class MyElement extends LitElement {
  
	  static get properties() { 
    	return { str: String }
     }
     
    returnString() {
    	var frag = document.createRange().createContextualFragment(`${ this.str }`);
      return frag;
    }

    render() {
      return html `${ this.returnString() }`;
    }  
  }
	
  customElements.define('my-element', MyElement);
</script>

<my-element str="line1<br />line2"></my-element>