Validation summary
The form-level list of one action's validation errors.
Submit the empty form: the server rejects both fields and the summary lists them.
Each preview is its own Live page in a frame, because this site is a Vue 3.5 app built on the Pulsar starter kit. An open list or popover stays inside its frame; in your application it opens over the page.
Installation
suprnova live:add validation-summaryUsage
{% import "suprnova-ui/validation-summary/validation-summary.html" as validation_summary %}
{% call validation_summary::validation_summary("register") %}{% endcall %}Examples
Custom title
The same summary under its own heading.
Keyboard and accessibility
suprnova.validation-summary - the form-level error list for one action, announced politely; each entry links to its field so the summary focuses the correction without repeating every field message.
API reference
validation_summary
| Parameter | Default | Description |
|---|---|---|
action | Required | The action whose validation errors the summary lists. |
title | "Please correct the following" | The summary's heading. |