EnterUI
DocsComponentsThemesExamplesDonation
Get Started
      • ErrorState
      • ErrorBoundaryFallback
      • LoadingOverlay
      • SkeletonForm

Default usage

  1. EnterUI
  2. /Docs
  3. /Product Operations
  4. /Product Surfaces
  5. /Error and Loading
  6. /ErrorState
Updated 3 October 2026

ErrorState

Page or panel-level error UI with title, description, retry, and secondary action slots.

ErrorState is the canonical error surface. Use tone="error" for blocking failures or tone="neutral" for recoverable empties. The retry button is only rendered when you provide onRetry.

#Default usage

Failed request

Use onRetry in app code to surface the retry button.

Couldn't load releases

The release feed is temporarily unavailable.

Code
<ErrorState
  description="The release feed is temporarily unavailable."
  title="Couldn't load releases"
  tone="error"
/>

#Import

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

#Accessibility

ErrorState exposes role="alert" so screen readers announce the failure.

#API

  • title, description: copy slots.
  • onRetry + retryLabel: when set, renders a primary retry button.
  • secondaryAction: extra slot rendered next to retry.
  • tone: "neutral" (default) or "error".

#Styling

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

PreviousSettingsSection
NextErrorBoundaryFallback
On this page
  • Default usage
  • Import
  • Accessibility
  • API
  • Styling