Components

ErrorState

v1.0.0

Inline error view with retry affordance.

Import

import { ErrorState } from '@meteorack/sdk-react';

How To Use It

  • Use it for recoverable UI failures where the current panel or query can be retried without reloading the whole app.
  • Prefer a local error state over a global crash screen when the rest of the page can still function.

Works Well With

Props

title?: string

Optional heading for the error message.

description?: string

Supporting explanation for the failure state.

onRetry?: () => void

When provided, renders a retry button and calls it on click.

className?: string

Optional class name for the error-state wrapper.

Example

ErrorState.tsx
import { ErrorState } from '@meteorack/sdk-react';

export function FailedPanel() {
  return (
    <ErrorState
      title="Unable to load settings"
      description="The latest settings payload could not be fetched."
      onRetry={() => window.location.reload()}
    />
  );
}