New to Kendo UI for AngularStart a free 30-day trial

InlineAIPromptComponent

Represents the Kendo UI InlineAIPrompt component for Angular.

html
 <kendo-inlineaiprompt
     placeholder="Enter your prompt..."
     [promptOutput]="promptOutput"
     (promptRequest)="onPromptRequest($event)">
 </kendo-inlineaiprompt>

Selector

kendo-inlineaiprompt

Export Name

Accessible in templates as #kendoInlineAIPromptInstance="kendoInlineAIPrompt"

Inputs

NameTypeDefaultDescription

enableSpeechToText

boolean | SpeechToTextButtonSettings

true

Controls the visibility and settings of the Speech to Text button.

maxHeight

string | number

Sets the maximum height of the component. Accepts a number for pixels or a string for other units.

outputActions

InlineAIPromptOutputAction[]

[{ name: 'copy', type: 'button', icon: 'copy', svgIcon: copyIcon, text: 'Copy', fillMode: 'flat', themeColor: 'primary', rounded: 'medium'}, { name: 'retry', type: 'button', icon: 'arrow-rotate-cw', svgIcon: arrowRotateCwIcon, text: 'Retry', fillMode: 'flat', themeColor: 'primary', rounded: 'medium'}, { name: 'discard', type: 'button', icon: 'cancel-outline', svgIcon: cancelOutlineIcon, text: 'Discard', fillMode: 'flat', themeColor: 'base', rounded: 'medium'}]

Sets the output actions that display in the output card. The default actions are copy, retry, and discard. To customize the appearance and order of the default actions, define them with the same name.

placeholder

string

Sets the placeholder text that appears in the text area when it is empty.

popupSettings

InlineAIPromptPopupSettings

Sets the popup settings for the component.

promptCommands

InlineAIPromptCommand[]

Sets the available prompt commands.

promptOutput

InlineAIPromptOutput

Sets the output data for the prompt. The output displays as a card above the text area.

promptValue

string

Sets the text of the TextArea.

streaming

boolean

false

Sets the streaming state of the component. When set to true, the send button displays a generating state and the component emits a promptRequestCancel event when you click it.

width

string | number

550

Sets the width of the component. Accepts a number for pixels or a string for other units.

Fields

NameTypeDefaultDescription

defaultOutputActions

InlineAIPromptOutputAction[]

Represents the configuration of the default output actions. The default actions are copy, retry, and discard.

Events

NameTypeDescription

close

EventEmitter<void>

Fires when the component closes, either by clicking outside the popup, clicking the Discard action, or after pressing the Escape key.

commandExecute

EventEmitter<InlineAIPromptCommand>

Fires when you click a command.

outputActionClick

EventEmitter<InlineAIPromptOutputActionClickEvent>

Fires when you click an output action button.

promptRequest

EventEmitter<InlineAIPromptRequestEvent>

Fires when you click the send button.

promptRequestCancel

EventEmitter<void>

Fires when you cancel the prompt request by clicking the stop button.

promptValueChange

EventEmitter<string>

Fires when the value of the TextArea changes.

Methods

focus

Focuses the TextArea of the Inline AI Prompt.

In this article
SelectorExport NameInputsFieldsEventsMethods
Not finding the help you need?
Contact Support