<my-element>
<my-element>
is an awesome element. It's a great introduction to building web components with LitElement, with nice documentation site as well.
As easy as HTML
<my-element>
is just an HTML element. You can it anywhere you can use HTML!
<my-element></my-element>
Configure with attributes
<my-element>
can be configured with attributed in plain HTML.
<my-element name="HTML"></my-element>
Declarative rendering
<my-element>
can be used with declarative rendering libraries like Angular, React, Vue, and lit-html
import {html, render} from 'lit-html';
const name="lit-html";
render(html`
<h2>This is a <my-element></h2>
<my-element .name=${name}></my-element>
`, document.body);