TextComponent
This component allows you to create a text component
Example

export default {
name: "App",
data() {
return {
form: {
servicesDefinition: {
type: TextComponent,
value: "",
default: "",
"field-wrapper": { class: "is-12" },
"field-input": {
label: this.$t("descriptionLabel"),
placeholder: this.$t("placeholder", {
key: this.$t("descriptionLabel").toLowerCase(),
}),
isUserName: false,
isRequired: false,
},
events: {
input: (v) => {},
},
},
},
};
},
};
Props
| Name | Description | Type | Required | Default |
|---|---|---|---|---|
| horizontal | - | Boolean | false | true |
| vid | - | String | false | undefined |
| value | - | — | false | null |
| labelInside | - | Boolean | false | false |
| labelOnBorder | - | Boolean | false | false |
| validationMode | - | String | false | "aggressive" |
| hideValidation | - | Boolean | false | false |
| isRequired | - | Boolean | false | true |
| isUserName | - | Boolean | false | false |
| isUserNameOrEmail | - | Boolean | false | false |
| isName | - | Boolean | false | false |
| isAlphaNumeric | - | Boolean | false | false |
| isHostName | - | Boolean | false | false |
| isHexadecimal | - | Boolean | false | false |
| customRule | - | RegExp | false | undefined |
| icon | - | String | false | "" |
| iconRight | - | String | false | undefined |
| iconRightClickable | - | Boolean | false | false |
| iconRightClick | - | Function | false | () => {} |
| lazy | Makes the binding lazy. Note: v-model.lazy won't work | Boolean | false | false |
| clearIconSize | - | String | false | "is-small" |
| clearIconCustomClass | - | String | false | "" |
| showClearIcon | - | Boolean | false | false |
| locale | Locale string {en, es ...} for display language on component | String | false | "en" |
| isLoading | - | Boolean | false | false |
Events
| Event Name | Description | Parameters |
|---|---|---|
| input | - | - |