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.
The Application Collection unlocks the source for every Application block. All Access unlocks every Collection.
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.