Error Message

Atlas is deprecated. Use AI Kit for any new Atlas experiences.

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

string | boolean

required

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

string

Additional CSS class name for custom styling.

string

Fallback message to display when error is true.

() => void

Callback for retry button. Button only renders when provided.

Last modified on July 24, 2026

Assistant Message – Code

Markdown Message – Code

⌘I

​Common Examples

​Basic Usage

​With Fallback Message

​Without Retry

​ErrorMessage Props

Common Examples

Basic Usage

With Fallback Message

Without Retry

`ErrorMessage` Props