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

Represents the Kendo UI InlineAIPrompt component for Angular.

Definition

Package:@progress/kendo-angular-conversational-ui

Selector:kendo-inlineaiprompt

Export Name:Accessible in templates as #kendoInlineAIPromptInstance="kendoInlineAIPrompt"

Syntax:

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

Inputs

enableSpeechToText

boolean | SpeechToTextButtonSettings

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

Default:

true

maxHeight

string | number

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

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.

Default:

defaultOutputActions

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

Sets the available prompt commands.

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

Sets the TextArea value.

Default:

""

streaming

boolean

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

Default:

false

width

string | number

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

Default:

550

Fields

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

Default:

defaultOutputActions

Events

Fires when the component closes (Escape key, Discard action or outside click).

Fires when a command is executed.

Fires when an output action button is clicked.

Fires when the send button is clicked.

Fires when the stop button is clicked during streaming.

Fires when the TextArea value changes.

Methods

Focus the TextArea.