Error Boundary Card
In-place panel fallback showing a mono error reference, a section-scoped retry button, and confirmation that the rest of the page is unaffected.
In-place panel fallback showing a mono error reference, a section-scoped retry button, and confirmation that the rest of the page is unaffected.
Search blocks by description or jump to a page.
The source for every Application block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Error Boundary Card is the in-place fallback that renders when a single panel fails to load, not the whole page. It shows a centered alert icon, the heading This section failed to load, a plain explanation that everything else on the page loaded fine, and the mono error reference ERR-7F3A-2C91 in a muted chip so support calls can start with a real ID. The Retry this section button scopes the reload to this panel only.
The error ref is a single const string used in two places, the chip and the microcopy below the button. Scoping the retry to one panel is the whole point: a full page reload is the wrong answer when one widget broke.
Reach for this block wherever you wrap a data-fetching panel in an error boundary, wired to the caught error and a retry callback for that panel only. Replace the static ref string with the real error ID your API returns.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the failed widget fallback in a dashboard. Other error boundary states:
Tip: always surface an error reference even if it is just a request ID; it turns a vague report into a searchable log entry.