e8-form-ml-input
Updated on Sep 18, 2025 2 minutes to readA multilingual input component for editing localized text values.
Renders tabs for each supported locale and provides per-locale editing inside a form group.
Overview
e8-form-ml-input allows users to enter translations for multiple locales.
For each locale, the component displays an input field inside a tab.
It integrates with form visibility logic, supports transformation rules, tooltips, alignment, and controlled change events.
<e8-form-ml-input
v-model="vars.title"
label="Title"
placeholder="Enter text"
tooltip="This field supports multiple languages"
></e8-form-ml-input>
🔽 Show more
Properties
| Property | Description | Type | Default |
|---|---|---|---|
| horizontal-alignment | Text alignment inside the editor. | E8TextHorizontalAlignment | — |
| label | Label for the input field; set to false to hide label. | string | boolean | — |
| lazy-sync | Enables deferred value updates until change or blur. | boolean | false |
| placeholder | Placeholder text for the editor. | string | — |
| readonly | Makes the editor non-editable. | boolean | false |
| size | Size of the control. | E8ElementSizes | 'default' |
| tooltip | Tooltip text displayed below the editor. | string | — |
| transform | String transformation applied on input value (uppercase, lowercase). | string | — |
| v-model | Two-way bound editor value (object with locales as keys). | object | — |
| visible | Controls component visibility. | boolean | true |
Events
| Event | Description |
|---|---|
| on-change | Triggered whenever the value for any locale changes. |