fddb01149c
* Upgrades the source to work with lit-next * Aligns the linting and formatting rules/settings & ignores with the monorepo * Upgrades to the same version of typescript and tsconfig settings as the monorepo * Upgrades the test runner from karma to web-test-runner * Upgrades the dev server from es-dev-server to @web/dev-server
1.2 KiB
1.2 KiB
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
);