TextComponent

This component allows you to create a text component

Example

TextComponent

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

NameDescriptionTypeRequiredDefault
horizontal-Booleanfalsetrue
vid-Stringfalseundefined
value-falsenull
labelInside-Booleanfalsefalse
labelOnBorder-Booleanfalsefalse
validationMode-Stringfalse"aggressive"
hideValidation-Booleanfalsefalse
isRequired-Booleanfalsetrue
isUserName-Booleanfalsefalse
isUserNameOrEmail-Booleanfalsefalse
isName-Booleanfalsefalse
isAlphaNumeric-Booleanfalsefalse
isHostName-Booleanfalsefalse
isHexadecimal-Booleanfalsefalse
customRule-RegExpfalseundefined
icon-Stringfalse""
iconRight-Stringfalseundefined
iconRightClickable-Booleanfalsefalse
iconRightClick-Functionfalse() => {}
lazyMakes the binding lazy. Note: v-model.lazy won't workBooleanfalsefalse
clearIconSize-Stringfalse"is-small"
clearIconCustomClass-Stringfalse""
showClearIcon-Booleanfalsefalse
localeLocale string {en, es ...} for display language on componentStringfalse"en"
isLoading-Booleanfalsefalse

Events

Event NameDescriptionParameters
input--