Loader – Code

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

Implementation
Loader API

Common Examples

Basic Usage

Display while waiting for a response:

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

function LoadingState() {
  return <Loader />;
}

Within a Message

Show loading state in an assistant message:

import { Loader, AtlasHeader } from "@servicetitan/anvil2-ext-atlas";

function LoadingMessage() {
  return (
    <div>
      <AtlasHeader assistant="Atlas" />
      <Loader />
    </div>
  );
}

<Loader />

`Loader` Props

The Loader component has no configurable props. It displays an animated three-dot loading indicator.

Last modified on July 24, 2026

Infinite Content – Code

Markdown Text – Code

⌘I

​Common Examples

​Basic Usage

​Within a Message

​Loader Props

Common Examples

Basic Usage

Within a Message

`Loader` Props