timepiece/node_modules/lit-html
2024-05-14 09:54:12 -05:00
..
development Initial code commit 2024-05-14 09:54:12 -05:00
directives Initial code commit 2024-05-14 09:54:12 -05:00
node Initial code commit 2024-05-14 09:54:12 -05:00
async-directive.d.ts Initial code commit 2024-05-14 09:54:12 -05:00
async-directive.d.ts.map Initial code commit 2024-05-14 09:54:12 -05:00
async-directive.js Initial code commit 2024-05-14 09:54:12 -05:00
async-directive.js.map Initial code commit 2024-05-14 09:54:12 -05:00
directive-helpers.d.ts Initial code commit 2024-05-14 09:54:12 -05:00
directive-helpers.d.ts.map Initial code commit 2024-05-14 09:54:12 -05:00
directive-helpers.js Initial code commit 2024-05-14 09:54:12 -05:00
directive-helpers.js.map Initial code commit 2024-05-14 09:54:12 -05:00
directive.d.ts Initial code commit 2024-05-14 09:54:12 -05:00
directive.d.ts.map Initial code commit 2024-05-14 09:54:12 -05:00
directive.js Initial code commit 2024-05-14 09:54:12 -05:00
directive.js.map Initial code commit 2024-05-14 09:54:12 -05:00
experimental-hydrate.d.ts Initial code commit 2024-05-14 09:54:12 -05:00
experimental-hydrate.d.ts.map Initial code commit 2024-05-14 09:54:12 -05:00
experimental-hydrate.js Initial code commit 2024-05-14 09:54:12 -05:00
experimental-hydrate.js.map Initial code commit 2024-05-14 09:54:12 -05:00
is-server.d.ts Initial code commit 2024-05-14 09:54:12 -05:00
is-server.d.ts.map Initial code commit 2024-05-14 09:54:12 -05:00
is-server.js Initial code commit 2024-05-14 09:54:12 -05:00
is-server.js.map Initial code commit 2024-05-14 09:54:12 -05:00
LICENSE Initial code commit 2024-05-14 09:54:12 -05:00
lit-html.d.ts Initial code commit 2024-05-14 09:54:12 -05:00
lit-html.d.ts.map Initial code commit 2024-05-14 09:54:12 -05:00
lit-html.js Initial code commit 2024-05-14 09:54:12 -05:00
lit-html.js.map Initial code commit 2024-05-14 09:54:12 -05:00
package.json Initial code commit 2024-05-14 09:54:12 -05:00
polyfill-support.d.ts Initial code commit 2024-05-14 09:54:12 -05:00
polyfill-support.d.ts.map Initial code commit 2024-05-14 09:54:12 -05:00
polyfill-support.js Initial code commit 2024-05-14 09:54:12 -05:00
polyfill-support.js.map Initial code commit 2024-05-14 09:54:12 -05:00
private-ssr-support.d.ts Initial code commit 2024-05-14 09:54:12 -05:00
private-ssr-support.d.ts.map Initial code commit 2024-05-14 09:54:12 -05:00
private-ssr-support.js Initial code commit 2024-05-14 09:54:12 -05:00
private-ssr-support.js.map Initial code commit 2024-05-14 09:54:12 -05:00
README.md Initial code commit 2024-05-14 09:54:12 -05:00
static.d.ts Initial code commit 2024-05-14 09:54:12 -05:00
static.d.ts.map Initial code commit 2024-05-14 09:54:12 -05:00
static.js Initial code commit 2024-05-14 09:54:12 -05:00
static.js.map Initial code commit 2024-05-14 09:54:12 -05:00

lit-html 2.0

Efficient, Expressive, Extensible HTML templates in JavaScript

Build Status Published on npm Join our Discord Mentioned in Awesome Lit

lit-html is the template system that powers the Lit library for building fast web components. When using lit-html to develop web components, most users should import lit-html via the lit package rather than installing and importing from lit-html directly.

About this release

This is a stable release of lit-html 2.0 (part of the Lit 2.0 release). If upgrading from previous versions of lit-html, please note the minor breaking changes from lit-html 1.0 in the Upgrade Guide.

Documentation

Full documentation is available at lit.dev.

Overview

lit-html lets you write HTML templates in JavaScript with template literals.

lit-html templates are plain JavaScript and combine the familiarity of writing HTML with the power of JavaScript. lit-html takes care of efficiently rendering templates to DOM, including efficiently updating the DOM with new values.

import {html, render} from 'lit-html';

// This is a lit-html template function. It returns a lit-html template.
const helloTemplate = (name) => html`<div>Hello ${name}!</div>`;

// This renders <div>Hello Steve!</div> to the document body
render(helloTemplate('Steve'), document.body);

// This updates to <div>Hello Kevin!</div>, but only updates the ${name} part
render(helloTemplate('Kevin'), document.body);

lit-html provides two main exports:

  • html: A JavaScript template tag used to produce a TemplateResult, which is a container for a template, and the values that should populate the template.
  • render(): A function that renders a TemplateResult to a DOM container, such as an element or shadow root.

Installation

$ npm install lit-html

Or use from lit:

$ npm install lit

Contributing

Please see CONTRIBUTING.md.