Skip to main content

Common Examples

Basic Usage

Full-screen loading state:
import { Spinner } from "@servicetitan/ext-atlas";

function ContentSpinner() {
  return <Spinner />;
}

Conditional Loading

Show spinner while content loads:
import { Spinner } from "@servicetitan/ext-atlas";

function ContentArea({ loading, children }) {
  if (loading) {
    return <Spinner />;
  }

  return <>{children}</>;
}
Last modified on February 12, 2026