ErrorState

App

Error state pairing an inline alert banner with a centered empty state. Optional retry action.

Default

Preview
Code
<ErrorState
  title="Something went wrong"
  message="Failed to load user data. Please check your connection."
/>

With retry

Preview

Unable to load data

There was a problem loading this content.

Code
<ErrorState
  title="Database connection failed"
  message="Could not connect to the database. Please try again."
  onRetry={handleRetry}
  retryLabel="Try again"
/>
Sourcemodules/app/EmptyErrorState.tsx