EEnterUI
DocsComponentsThemesDonation
Get Started
      • ErrorState
      • ErrorBoundaryFallback
      • LoadingOverlay
      • SkeletonForm
EnterUIDocsProduct OperationsProduct SurfacesError and LoadingErrorBoundaryFallback
Product OperationsUpdated 6 May 2026

ErrorBoundaryFallback

Pre-wired ErrorState fallback for React error boundaries.

ErrorBoundaryFallback is a thin ErrorState wrapper sized to the props that React error boundary libraries (e.g., react-error-boundary) hand the fallback component. It surfaces the caught error.message and reloads via resetErrorBoundary.

#Default usage

Boundary fallback

Compose with your boundary's render-fallback prop.

Something went wrong

Network timeout

Code
<ErrorBoundaryFallback description="Network timeout" />

#Import

Code
import { ErrorBoundaryFallback } from "@froggdesign/enter-ui-react";

#Accessibility

Inherits ErrorState semantics — role="alert" on the root.

#API

Inherits all ErrorState props plus:

  • error: the boundary error. The default description falls back to error.message.
  • resetErrorBoundary: wired into onRetry so the default Reload button resets the boundary.

#Styling

Every exported component accepts className. EnterUI styles use .eui-* classes and --eui-* variables mapped from FroggDesign theme tokens.

PreviousErrorState
NextLoadingOverlay

On this page

  1. Default usage
  2. Import
  3. Accessibility
  4. API
  5. Styling