New to KendoReactStart a free 30-day trial

AIPromptProps
Premium

The props of the AIPrompt component.

NameTypeDefaultDescription

activeView

string

Example usage of the activeView property:

jsx
<AIPrompt activeView="promptView" />

children?

React.ReactNode

Example usage of the children property:

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

dir?

string

Example usage of the dir property:

jsx
<AIPrompt dir="rtl" />

onActiveViewChange?

(name: string) => void

Example usage of the onActiveViewChange property:

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

onCommandExecute?

(command: CommandInterface) => void

Example usage of the onCommandExecute property:

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

onPromptRequest?

(prompt?: string, outputItem?: AIPromptOutputInterface) => void

Example usage of the onPromptRequest property:

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

outputs?

AIPromptOutputInterface[]

Example usage of the outputs property:

jsx
<AIPrompt outputs={[{ id: 1, responseContent: 'Generated content' }]} />

promptPlaceholder?

string

Example usage of the promptPlaceholder property:

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

style?

React.CSSProperties

Example usage of the style property:

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

toolbarItems?

ReactNode | AIPromptToolbarItemInterface[]

Example usage of the toolbarItems property:

jsx
<AIPrompt toolbarItems={[<CustomToolbarItem />]} />
Not finding the help you need?
Contact Support