Agent Thinking – Code

Implementation
AgentThinking Props

import { AgentThinking } from "@servicetitan/anvil2-rn";

function App() {
  return <AgentThinking label="Atlas is thinking…" />;
}

Common Examples

To use the AgentThinking, pass a caller-supplied label for the active step, or omit it to render the logo alone.

import { AgentThinking } from "@servicetitan/anvil2-rn";

function ExampleComponent() {
  return <AgentThinking label="Atlas is thinking…" />;
}

The wording varies by step (thinking, searching, generating), so the kit does not own it. Localize label before passing it. A long label, such as a raw tool name, wraps within its container and is truncated after two lines.Omit label to trail the logo behind a response and mark where the agent currently is.

<AgentThinking />

The logo breathes (scale and opacity) and a present label pulses. Motion stops when the OS reduce-motion setting is on, and the indicator rests at full presence.

Accessibility

The logo is decorative and hidden from assistive tech.
A present label is read in normal reading order.
Announcing the thinking state is left to the host.

<AgentThinking label="Atlas is thinking…" />

`AgentThinking` Props

The AgentThinking accepts the following props. It does not forward remaining React Native View props.

string

Optional status copy shown beside the Atlas logo. Omit for the logo alone.

string

Test hook forwarded to the root view.

​Common Examples

​Accessibility

​AgentThinking Props

Common Examples

Accessibility

`AgentThinking` Props