<h2 align="center">Powerfully <b>~2kB (gzip)</b> HTML template strings</h2>

Installation

$ npm install picohtml

Usage

import { html, render } from "picohtml";

const el = html`<h1>Hello planet</h1>`;

render(el, document.body);

Attaching event listeners

import { html, render } from "picohtml";

const click = () => alert("Hello planet!");
const el = html`<button onclick=${click}>Click</button>`;

render(el, document.body);

Insert template literal and picohtml literal

import { html, render, raw } from "picohtml";

const text = `<p>Text</p>`;
const htmlText = () => html`<p>HTML Text</p>`;
const el = html`<div>${text} ${raw(htmlText())}</div>`;

render(el, document.body);

License

MIT

See Also

• nanohtml
• lit-html