User Message

Implementation
UserMessage API

Common Examples

Basic Usage

Display a message from the user:

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

function UserMessageExample() {
  return <UserMessage message="Hello, I need help with scheduling." />;
}

Error State with Retry

Display a failed message with retry option:

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

function UserMessageError() {
  return (
    <UserMessage
      message="This message failed to send"
      isError
      onRetry={() => resendMessage()}
    />
  );
}

<UserMessage
  message="Hello!"
  isError={false}
  onRetry={handleRetry}
/>

`UserMessage` Props

message

string

required

The message content to display.

className

string

Additional CSS class name for custom styling.

isError

boolean

When true, displays the message with error styling.

onRetry

() => void

Callback for retry button. Only shown when isError is true.

​Common Examples

​Basic Usage

​Error State with Retry

​UserMessage Props

Common Examples

Basic Usage

Error State with Retry

`UserMessage` Props