# 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`](https://www.telerik.com/kendo-vue-ui-develop/components/conversationalui/api/promptboxprops#mode) property of the PromptBox component.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/conversational-ui/promptbox/modes/overview/source.txt)

## Auto Mode

To enable auto mode, set the [`mode`](https://www.telerik.com/kendo-vue-ui-develop/components/conversationalui/api/promptboxprops#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`](https://www.telerik.com/kendo-vue-ui-develop/components/conversationalui/api/promptboxprops#maxTextAreaHeight) property to prevent it from growing indefinitely.

The following example demonstrates the auto mode in action.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/conversational-ui/promptbox/modes/auto/source.txt)

## Single-Line Mode

To enable single-line mode, set the [`mode`](https://www.telerik.com/kendo-vue-ui-develop/components/conversationalui/api/promptboxprops#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.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/conversational-ui/promptbox/modes/single-line/source.txt)

## Multi-Line Mode

To enable multi-line mode, set the [`mode`](https://www.telerik.com/kendo-vue-ui-develop/components/conversationalui/api/promptboxprops#mode) property to `"multi"`. Set the minimum number of visible text lines using the [`rows`](https://www.telerik.com/kendo-vue-ui-develop/components/conversationalui/api/promptboxprops#rows) property or use [`maxTextAreaHeight`](https://www.telerik.com/kendo-vue-ui-develop/components/conversationalui/api/promptboxprops#maxTextAreaHeight) to limit the maximum height of the input area.

The following example demonstrates the multi-line mode in action.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/conversational-ui/promptbox/modes/multi-line/source.txt)

## Suggested Links

* [PromptBox Appearance](https://www.telerik.com/kendo-vue-ui-develop/components/conversationalui/promptbox/appearance)
* [API Reference of the PromptBox](https://www.telerik.com/kendo-vue-ui-develop/components/conversationalui/api/promptboxprops)