Skip to content
Docs
Components
Multiple-line Input

Multi-line Input

Latest Update:Jul 19, 2023, 10:21:55

Scenarios

Used for input multi-line content

Basic Function Description

The multi-line input component is used to input multi-line data. It can be configured with input values, placeholder text, component size, and whether it should stretch horizontally (the component size and horizontal stretching are effective on PC but not on mobile).

Note

It does not have configuration options of multi-line input for prefix and suffix text or prefix and suffix icons.; Size configuration is effective on the PC platform only. If the component is placed within a form container, the component size, title alignment, position, line breaks, and width will by default follow the properties configured for the form container. The multi-line input component will display a character count for the input content by default. The default height of the multi-line input component is two lines, and it will automatically expand in the runtime based on the input content. When the input content exceeds ten lines, it can be viewed through a scrollbar.

Property

Properties received from external input for the component

Property NameProperty Description
Data ModelDisplays the data model that the current component can use within the container
Bind FieldsDisplays the data fields that can be selected from the data model within the container for the current component
Field TitleDisplays the field title for the current component
Display TitleIndicates whether the current component shows its title. It can be hidden if the title is not needed
Prompt TextProvides text that prompts the user for input in the current component
Default Input ValueSpecifies the default value for the current component, if any
RequiredIndicates whether the current component is a required field
Read-OnlyIf the current component is set to read-only, it is disabled
DisabledSets the current component to a disabled state
WidthCan be chosen from options like "full-width" ,"large" ,"medium" or "small"
Maximum Input LengthSpecifies the maximum length of input allowed for the current component