html API

Crea il template che un componente Wompo deve renderizzare.

Template

html è una tagged template function. Le parti statiche vengono analizzate e le espressioni dinamiche aggiornano il DOM.

function Alert({ tone, children }) {
  return html`<div class=${tone}>${children}</div>`;
}

Espressioni

Puoi passare stringhe, numeri, altri template, array di template, componenti e funzioni evento.

function List({ items }) {
  return html`
    <ul>
      ${items.map((item) => html`<li>${item.label}</li>`)}
    </ul>
  `;
}