AIPromptProps

Sets the name of the activeView property:

<AIPrompt activeView="promptView" />

Custom content rendered inside the component.

<AIPrompt>
  <div>Custom content</div>
</AIPrompt>

Text direction of the component.

<AIPrompt dir="rtl" />

Indicates loading state of the prompt.

<AIPrompt loading={true} />

Fires when the active view changes. Provides the new view name.

<AIPrompt onActiveViewChange={(name) => console.log('Active view changed to:', name)} />

Fires when the prompt is canceled.

<AIPrompt onCancel={() => console.log('Prompt cancelled')} />

Fires when a command is executed.

<AIPrompt onCommandExecute={(command) => console.log('Command executed:', command)} />

Fires when a prompt is requested. Provides the prompt and optional target output.

<AIPrompt onPromptRequest={(prompt) => console.log('Prompt requested:', prompt)} />

Placeholder text for the prompt input.

<AIPrompt promptPlaceholder="Type your prompt here..." />

Indicates streaming state of the prompt.

<AIPrompt streaming={true} />

Inline styles for the root element.

<AIPrompt style={{ backgroundColor: 'lightblue' }} />

Optionally specifies the rendering for the suggestions displayed in the AI Prompt component.

Items rendered in the toolbar. The items rendered in the toolbar. the toolbarItems property:

<AIPrompt toolbarItems={[<CustomToolbarItem />]} />

Enables Web MCP tool registration for this component. Requires a parent WebMcpProvider from @progress/kendo-react-webmcp.