AIPromptProps

Premium

The props of the AIPrompt component.

Name	Type	Default	Description
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" />
loading?	boolean		If true, the prompt is in a loading state. jsx <AIPrompt loading={true} />
onActiveViewChange?	(name: string) => void		Example usage of the onActiveViewChange property: jsx <AIPrompt onActiveViewChange={(name) => console.log('Active view changed to:', name)} />
onCancel?	() => void		Called when the prompt is cancelled. jsx <AIPrompt onCancel={() => console.log('Prompt cancelled')} />
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..." />
streaming?	boolean		If true, the prompt is in a streaming state. jsx <AIPrompt streaming={true} />
style?	React.CSSProperties		Example usage of the style property: jsx <AIPrompt style={{ backgroundColor: 'lightblue' }} />
suggestionsView?	SuggestionsView		Optionally specifies the rendering for the suggestions displayed in the AI Prompt component.
toolbarItems?	ReactNode | AIPromptToolbarItemInterface[]		Example usage of the toolbarItems property: jsx <AIPrompt toolbarItems={[<CustomToolbarItem />]} />