Skip to main content

Common Examples

Basic Usage

Display while waiting for a response:
import { Loader } from "@servicetitan/ext-atlas";

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

Within a Message

Show loading state in an assistant message:
import { Loader, AtlasHeader } from "@servicetitan/ext-atlas";

function LoadingMessage() {
  return (
    <div>
      <AtlasHeader assistant="Atlas" />
      <Loader />
    </div>
  );
}
Last modified on February 12, 2026