useId hook

Genera ID stabili per collegare label, input e contenuti accessibili.

Esempio

function TextField({ label }) {
  const id = useId();

  return html`
    <label for=${id}>${label}</label>
    <input id=${id} />
  `;
}

Casi d'uso

Usalo per form, descrizioni ARIA, tab panel, accordion e componenti che possono essere renderizzati più volte nella stessa pagina.