New to KendoReactStart a free 30-day trial

InlineAIPromptProps
Premium

NameTypeDefaultDescription

anchor?

"null" | HTMLElement

The element that serves as an anchor for the popup.

animate?

boolean | PopupAnimation

true

Controls the animation of the popup.

appendTo?

HTMLElement

The container element where the popup will be rendered. If not specified, the popup will be rendered in the document body.

commands?

CommandInterface[]

Collection of commands rendered in the context menu. If not set, default AI text editing commands are used.

enableSpeechToText?

boolean | SpeechToTextButtonProps

false

Shows speech-to-text button in the input. When true, shows the button with default settings. When you pass an object, forwards its props to the SpeechToTextButton component.

generateButton?

CustomComponent<ButtonProps>

Custom component used to render the generate button.

height?

string | number

The height of the component.

onClose?

(event: { target: any; }) => void

Fires when the popup is closed.

onCommandExecute?

(command: CommandItemInterface) => void

Fires when a command from the context menu executes. Provides the selected command and current prompt value.

onCopy?

(output: InlineAIPromptOutputInterface) => void

Fires when the user clicks the Copy button.

onDiscard?

(output: InlineAIPromptOutputInterface) => void

Fires when the user clicks the Discard button.

onOpen?

(event: { target: any; }) => void

Fires when the popup is opened.

onOutputAction?

(command: OutputActionInterface, output: InlineAIPromptOutputInterface) => void

Fires when an action command executes. Built-in copy and discard actions are handled internally. All other actions call this handler.

onPromptCancel?

() => void

Fires when the cancel action occurs.

onPromptRequest?

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

Fires when the user submits a prompt.

outputActions?

OutputActionInterface[]

Collection of output actions rendered in the card actions. If not set, default actions (copy, discard) are used. You can override built-ins.

outputCard?

AIPromptCardInterface

Template that lets you define custom Card fields for header, body, and actions. Overrides defaults.

outputs?

InlineAIPromptOutputInterface[]

Collection of outputs to display as cards.

popupOptions?

PopupProps

Object which passes props directly to the Popup component.

promptInput?

CustomComponent<TextAreaProps>

Custom component used to render the prompt input.

promptPlaceholder?

string

Placeholder text for the prompt input.

promptValue?

string

Initial value of the prompt input.

show?

boolean

false

Controls the visibility of the popup.

streaming?

boolean

Indicates if the content is streaming.

style?

React.CSSProperties

Inline styles for the root element.

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

width?

string | number

The width of the component.

Not finding the help you need?
Contact Support