e8-form-text
Updated on Sep 18, 2025 20 minutes to readA multiline text input field that supports autosizing, transformation rules, and optional lazy synchronization with the model.
Overview
A multiline text input field that supports autosizing, transformation rules, and optional lazy synchronization with the model.
Overview
e8-form-text renders a <textarea> input with support for automatic resizing, value transformation, and flexible alignment.
<e8-form-text
v-model="vars.description"
label="Description"
placeholder="Enter text..."
:autosize="true"
max-rows="10"
></e8-form-text>
🔽 Show more
Properties
| Property | Description | Type | Default |
|---|---|---|---|
| autosize | Automatically adjusts the textarea height based on content. | boolean | false |
| horizontal-alignment | Horizontal alignment of text. | E8TextHorizontalAlignments | — |
| label | Text label shown above the input; set to false to hide label. | string | boolean | — |
| lazy-sync | Update model only on blur or change instead of on every keystroke. | boolean | false |
| max-rows | Maximum number of visible rows when autosize is enabled. | number | — |
| placeholder | Placeholder text displayed when the field is empty. | string | — |
| readonly | Makes the input non-editable. | boolean | false |
| rows | Initial number of visible rows (used when autosize is off). | number | 4 |
| size | Size of the control. | E8ElementSizes | 'default' |
| tooltip | Tooltip text displayed near the field. | string | — |
| transform | Transformation rule applied to text. | 'uppercase' | 'lowercase' | — |
| v-model | Two-way binding for the input value. | string | — |
| visible | Controls field visibility. | boolean | true |
Slots
| Slot | Description |
|---|---|
| label | Custom label slot. Provides { label, value } as slot props. |