Theme: Smoke
Theme: Smoke
System

Error summary

Every error on a form, at the top of it

An error summary lists what needs fixing before a form can go on, each error a link that moves focus to its field and brings its label into view. It takes the focus when errors first appear, so the reader starts from it.

Errors

Enter your legal business name.

Enter an email address like name@example.com.

One error

There is a problem

Fix this to continue to payment.

tsx
// From the npm package
import { ErrorSummary } from 'rift-ds/components/ErrorSummary/ErrorSummary';

// Or as source you own, via the shadcn CLI
npx shadcn@latest add https://rift-ds.com/r/error-summary.json