MessageBoxSettings

Premium

Updated on Mar 27, 2026

Configuration for the Message Box (PromptBox component).

Name	Type	Default	Description
endAffix?	ReactNode | () => ReactNode		Custom content rendered at the end of the Message Box input area. The content is rendered before the built-in speech-to-text button. tsx <Chat messageBoxSettings={{ endAffix: <Button svgIcon={heartIcon} /> }} />
maxTextAreaHeight?	string	'110'	Sets the maximum height of the Message Box textarea in px. When the height exceeds this value, the Message Box height is fixed and a scrollbar appears. Applicable for multi and auto modes. tsx <Chat messageBoxSettings={{ maxTextAreaHeight: '300' }} />
mode?	PromptBoxMode	'multi'	Defines the line mode for the Message Box. single—Single-line input field. multi—Multi-line textarea that expands/collapses based on content. auto—Starts as single-line and automatically expands to multi-line when needed. tsx <Chat messageBoxSettings={{ mode: 'auto' }} />
rows?	number	2	Sets the number of visible rows for the Message Box textarea. tsx <Chat messageBoxSettings={{ rows: 5 }} />
startAffix?	ReactNode | () => ReactNode		Custom content rendered at the start of the Message Box input area. The content is rendered after the built-in upload button. tsx <Chat messageBoxSettings={{ startAffix: <Button svgIcon={heartIcon} /> }} />
topAffix?	ReactNode | () => ReactNode		Custom content rendered at the top of the Message Box. Only rendered when mode is 'multi'. tsx <Chat messageBoxSettings={{ topAffix: <div>Custom toolbar</div> }} />