PromptBox Modes
The PromptBox supports three modes that determine the number of lines displayed in the input area—single-line, multi-line, and auto.
These PromptBox modes control the layout and behavior of the input area to suit various use cases and user preferences. You can set the desired mode using the mode property of the PromptBox component.
Auto Mode
To enable auto mode, set the mode property to "auto". This automatically transforms the PromptBox from single-line to multi-line mode based on the content. Set a maximum height for the input area using the maxTextAreaHeight property to prevent it from growing indefinitely.
The following example demonstrates the auto mode in action.
Single-Line Mode
To enable single-line mode, set the mode property to "single". When the text exceeds the width of the input area, horizontal scrolling is enabled to allow users to view and edit their entire prompt.
The following example demonstrates the single-line mode in action.
Multi-Line Mode
To enable multi-line mode, set the mode property to "multi". Set the number of visible text lines using the rows property or use maxTextAreaHeight to limit the maximum height of the input area.
The following example demonstrates the multi-line mode in action.