Error Message

Implementation
ErrorMessage API

Common Examples

Basic Usage

Standalone error display:

import { ErrorMessage } from "@servicetitan/anvil2-ext-atlas";

function ErrorMessageExample() {
  return (
    <ErrorMessage
      error="Unable to process your request"
      onRetry={() => retryRequest()}
    />
  );
}

With Fallback Message

Use boolean error with fallback message:

import { ErrorMessage } from "@servicetitan/anvil2-ext-atlas";

function ErrorMessageFallback() {
  return (
    <ErrorMessage
      error={true}
      message="Something went wrong. Please try again."
      onRetry={() => retryRequest()}
    />
  );
}

Without Retry

Error display without retry option:

import { ErrorMessage } from "@servicetitan/anvil2-ext-atlas";

function ErrorMessageNoRetry() {
  return (
    <ErrorMessage error="This action cannot be completed at this time." />
  );
}

<ErrorMessage
  error="Something went wrong"
  message="Fallback message"
  onRetry={handleRetry}
/>

`ErrorMessage` Props

error

string | boolean

required

The error message to display. If boolean true, uses message prop instead.

className

string

Additional CSS class name for custom styling.

message

string

Fallback message to display when error is true.

onRetry

() => void

Callback for retry button. Button only renders when provided.

​Common Examples

​Basic Usage

​With Fallback Message

​Without Retry

​ErrorMessage Props

Common Examples

Basic Usage

With Fallback Message

Without Retry

`ErrorMessage` Props