UI Kits
Feedback

Error State

Recoverable error state with retry action.

Add to UI Builder
Usage guidance

When to use it.

Use concise messages that state what happened and what the user can do next.

Accessibility

Implementation notes.

  • Use role/status semantics where appropriate.
  • Do not make transient messages disappear too quickly.
  • Include a clear recovery action for errors.
Release QA

Implementation checklist.

0/3
Handoff notes

Implementation notes for this component.

Quick section export
<section class="ap-error-state"><div>!</div><h3>We could not load this section.</h3><p>Check your connection and try again.</p><button>Try again</button></section>
Related components

More in Feedback