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

PromptBoxProps

Updated on Mar 30, 2026

Represents the props of the PromptBox component.

NameTypeDefaultDescription

actionButtonConfig?

boolean | ButtonProps

true

Sets the send button visibility and/or settings.

attachments?

UploadFileInfo[]

Sets the attachments for controlled file management. When provided, the component operates in controlled mode and the developer must manage attachments. When not provided, the component manages attachments internally (uncontrolled mode).

defaultValue?

string

The default value of the PromptBox (uncontrolled mode).

disabled?

boolean

false

Sets the disabled state of the PromptBox component.

endAffix?

any

Custom content rendered at the end of the input element. In 'multi' and 'auto' with more than one row, it is rendered at the bottom right of the textarea. Custom content appears BEFORE built-in buttons. Can be a render function receiving AffixTemplateProps, or a Vue VNode.

fillMode?

"flat" | "solid" | "outline"

Configures the fillMode of the PromptBox.

The available options are:

  • solid
  • outline
  • flat

inputAttributes?

Record<string>

Sets the HTML attributes of the inner focusable input element.

loading?

boolean

false

Specifies whether the Send button is transformed to a stop generation button.

maxLength?

number

Sets the maximum number of characters allowed in the text input element.

maxTextAreaHeight?

string

Sets the maximum height of the native textarea in px. When the text height exceeds this value, a scrollbar appears. Applicable for multi and auto modes.

mode?

PromptBoxMode

'auto'

Sets the line mode for the PromptBox component.

The available options are:

  • single - Sets one line for the text input
  • multi - Multi-line textarea
  • auto - Transforms the PromptBox from single to multi line mode based on content

placeholder?

string

''

The hint, which is displayed when the text input element is empty.

readOnly?

boolean

false

Sets the read-only state of the PromptBox component.

rows?

number

1

Sets the visible height of the internal textarea in lines. Only applicable when mode is 'multi'. This sets the minimum number of rows.

speechToTextButtonConfig?

boolean | SpeechToTextButtonProps

true

Sets the SpeechToText button visibility and/or settings.

startAffix?

any

Custom content rendered at the start of the input element in single line mode. In 'multi' and 'auto' with more than one row, it is rendered at the bottom left of the textarea. Can be a render function receiving AffixTemplateProps, or a Vue VNode.

title?

string

''

Sets the title attribute of the internal text input element of the component.

topAffix?

any

Custom content rendered at the top of the PromptBox. Only rendered when mode is 'multi' or when 'auto' mode has expanded. Can be a render function receiving AffixTemplateProps, or a Vue VNode.

uploadButtonConfig?

boolean | UploadButtonProps

false

Sets the File Attachments button visibility and/or settings.

value?

string

''

Sets the value for the internal input/textarea of the PromptBox.

Not finding the help you need?
Contact Support