Documentation Index
Fetch the complete documentation index at: https://anvil.servicetitan.com/llms.txt
Use this file to discover all available pages before exploring further.
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
onAccept
(recommendationId: string) => void
required
Callback fired when accept button is clicked.
onReject
(recommendationId: string) => void
required
Callback fired when reject button is clicked.
Unique identifier for this recommendation, passed to callbacks.
When true, disables both action buttons.
Additional CSS class name for custom styling.
Additional description text below the message.
