Atlas is deprecated. Use AI Kit for any new Atlas experiences.
- Implementation
- SmallAction API
Common Examples
Basic Usage
Quick action prompt:import { SmallAction } from "@servicetitan/anvil2-ext-atlas";
function SmallActionExample() {
return (
<SmallAction
recommendationId="rec-123"
message="Would you like to apply this discount?"
description="10% off for returning customers"
onAccept={(id) => applyRecommendation(id)}
onReject={(id) => dismissRecommendation(id)}
/>
);
}
Without Description
Simple action prompt:import { SmallAction } from "@servicetitan/anvil2-ext-atlas";
function SmallActionSimple() {
return (
<SmallAction
recommendationId="rec-456"
message="Accept this recommendation?"
onAccept={(id) => handleAccept(id)}
onReject={(id) => handleReject(id)}
/>
);
}
Disabled State
Prevent user interaction:import { SmallAction } from "@servicetitan/anvil2-ext-atlas";
function SmallActionDisabled() {
return (
<SmallAction
recommendationId="rec-789"
message="Processing your request..."
onAccept={handleAccept}
onReject={handleReject}
buttonDisabled
/>
);
}
<SmallAction
recommendationId="rec-123"
message="Apply discount?"
description="10% off"
onAccept={handleAccept}
onReject={handleReject}
buttonDisabled={false}
/>
SmallAction Props
string
required
The main prompt message.
(recommendationId: string) => void
required
Callback fired when accept button is clicked.
(recommendationId: string) => void
required
Callback fired when reject button is clicked.
string
required
Unique identifier for this recommendation, passed to callbacks.
boolean
default:"false"
When true, disables both action buttons.
string
Additional CSS class name for custom styling.
string
Additional description text below the message.