ErrorSummary

Use it well.

Point each error ID at an actual control. Pair it with Field or other per-control error descriptions and preserve submitted values.

This is the source compiled for the preview. Select the text to copy it, or download the file. Change the package name and demo routes for your application.

package examples

import "github.com/Tend-Stack/TendUI/v2026/components"

templ ExampleErrorSummary() {
	@components.ErrorSummary(components.ErrorSummaryProps{Errors: []components.FieldError{{ID: "sample-invalid-name", Message: "Enter a project name."}}})
	{{ field := components.FieldProps{ID: "sample-invalid-name", Label: "Project name", Error: "Enter a project name.", Required: true} }}
	@components.Field(field) {
		<input type="text" name="name" { field.ControlAttributes()... }/>
	}
}