Components and dialogs

HTML dialog helper

Navrenza.modal('Project note',
  Navrenza.input('note', 'Note', '', { type: 'textarea' }),
  values => {
    // Replace this demo action with your own save service.
    Navrenza.notice('Form submitted locally.');
    console.log(values.note);
  }
);

Load this after core.js. The example does not persist a note. Return a promise for async work and throw Error on failure to retain the form and show its message. Escape untrusted content before constructing HTML.

Panel markup

<section class="card panel">
  <header class="panel-heading"><h2>Project details</h2></header>
  <div class="card-body"><p>Your content.</p></div>
</section>

Async form behavior

Return the save promise from your modal callback. Throw an Error when the request fails so the form stays open and the user can retry. Escape untrusted values with Navrenza.escape before inserting HTML. Prefer textContent for plain server data.

Loading and empty states

• Keep the shared shell while loading records.
• Disable repeat submissions during a save.
• Preserve fields on failure.
• Give empty tables a clear-filters or add-record action.