@rbardini/html

Tiny html tag function for no-build JSX-like syntax, compatible with all modern browsers and runtimes.

import { html } from '@rbardini/html'

const heading = ({ level = 1, children }) =>
  html`<h${level}>${children}</h${level}>`

const list = ({ title, items }) =>
  html`
    ${title && heading(title)}
    <ul>
      ${items.map((item) => html`<li>${item}</li>`)}
    </ul>
  `

Inspired by jimniels/html.

Usage

# Deno
deno add @rbardini/html

# npm
npm install @rbardini/html

Or copy-paste the contents of mod.ts.