Validation Error Summary

ui

Failed-submit error handling as a contractor's punch list: a numbered defect summary pins to the top of the form, a hairline SVG leader line links each entry to its field on selection, and fixing a field strikes it through and counts down to self-dismissal.

pnpm dlx shadcn@latest add "https://design.helpmarq.com/r/validation-error-summary.json"

Sign In

Validation Error Summary

ui

Failed-submit error handling as a contractor's punch list: a numbered defect summary pins to the top of the form, a hairline SVG leader line links each entry to its field on selection, and fixing a field strikes it through and counts down to self-dismissal.

pnpm dlx shadcn@latest add "https://design.helpmarq.com/r/validation-error-summary.json"

components/ui/validation-error-summary.tsx