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.

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 TextArea value.

streaming

boolean

false

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 (Escape key, Discard action or outside click).

commandExecute

EventEmitter<InlineAIPromptCommand>

Fires when a command is executed.

outputActionClick

EventEmitter<InlineAIPromptOutputActionClickEvent>

Fires when an output action button is clicked.

promptRequest

EventEmitter<InlineAIPromptRequestEvent>

Fires when the send button is clicked.

promptRequestCancel

EventEmitter<void>

Fires when the stop button is clicked during streaming.

promptValueChange

EventEmitter<string>

Fires when the TextArea value changes.

Methods

focus

Focus the TextArea.

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