# <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 &lt;my-element&gt;</h2>
        <my-element .name=${name}></my-element>
      `,
      document.body
    );

## This is a <my-element>