<todo-lit>

A web component just for me.

<todo-lit>

<todo-lit> 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

<todo-lit> is just an HTML element. You can it anywhere you can use HTML!

<todo-lit></todo-lit>

Configure with attributes

<todo-lit> can be configured with attributed in plain HTML.

<todo-lit name="HTML"></todo-lit>

Declarative rendering

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

This is a <todo-lit>