exploRUGComponent/docs-src/index.md

layout, title

layout	title
page.11ty.cjs	<my-element> ⌲ Home

<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);