Component@pillar-ai/react
PillarProvider
typescript
import { PillarProvider } from '@pillar-ai/react'
Signature
typescript
function PillarProvider(props: PillarProviderProps): JSX.Element
Props
Props
productKeystring
Your product key from the Pillar app.
Get it at app.trypillar.com
configOmit<PillarConfig, "productKey" | "helpCenter">
Additional SDK configuration
Notable options:
- `panel.useShadowDOM`: Whether to isolate styles in Shadow DOM (default: false).
Set to false to let custom cards inherit your app's CSS (Tailwind, etc.)
onTask(task: TaskExecutePayload) => void
Handler called when a task action is triggered from the chat.
Use this to handle AI-suggested actions like opening modals, navigating, etc.
childrenrequiredReactNode
Enable DOM scanning dev mode to preview the scanned page before sending.
Shows a modal with the AST tree visualization before each message is sent.
Useful for debugging what context will be sent to the LLM.
/** Children components
Deprecated
helpCenterstring
Deprecated.
cardsRecord<string, CardComponent>
Custom card components to render for inline_ui type actions.
Map card type names to React components that will render the inline UI.
domScanningboolean
Enable DOM scanning to send page context with messages.
Related Types
Source:
packages/sdk-react/src/PillarProvider.tsx