Search documentation

Search documentation

Component@pillar-ai/react

PillarPanel

Renders the Pillar help panel at a custom location in the DOM.

typescript
import { PillarPanel } from '@pillar-ai/react'

Signature

typescript
function PillarPanel(props: PillarPanelProps): JSX.Element

Props

Props

className
string
Custom class name for the container
style
CSSProperties
Custom inline styles for the container

Example

tsx
<PillarProvider 
  productKey="my-product-key"
  config={{ panel: { container: 'manual' } }}
>
  <div className="my-layout">
    <Sidebar />
    <PillarPanel className="help-panel-container" />
    <MainContent />
  </div>
</PillarProvider>
Source: packages/sdk-react/src/PillarPanel.tsx