NumberSelectMeasureComponent

This component allows you to create a measure component and select its options

Example

NumberSelectMeasureComponent

export default {
  name: "App",
  data() {
    return {
      form: {
        servicesDefinition: {
          type: NumberSelectMeasureComponent,
          default: 0,
          "field-wrapper": { class: "is-12" },
          "field-input": {
            isRequired: false,
            label: "label",
            placeholder: this.$t("placeholder", {
              key: this.$t("sizeLabel").toLowerCase(),
            }),
            controlsPosition: "compact",
            controlsAlignment: "center",
            showClearIcon: true,
            min: 0,
          },
          events: {
            input: (val) => {},
          },
        },
      },
    };
  },
};

Props

NameDescriptionTypeRequiredDefault
horizontal-Booleanfalsetrue
vid-Stringfalseundefined
value-falsenull
labelInside-Booleanfalsefalse
labelOnBorder-Booleanfalsefalse
validationMode-Stringfalse"aggressive"
hideValidation-Booleanfalsefalse
isRequired-Booleanfalsetrue
min-Numberfalse-
max-Numberfalse-
step-Numberfalse1
controlsRounded-Booleanfalsetrue
controls-Booleanfalsetrue
controlsPosition-Stringfalse""
controlsAlignment-Stringfalse"right"
showClearIcon-Booleanfalsefalse
localeLocale string {en, es ...} for display language on componentStringfalse"en"
clearIconCustomClass-Stringfalse""
clearIconSize-Stringfalse""
range-Booleanfalsetrue

Events

Event NameDescriptionParameters
input--

ectMeasureComponent:events:start -->

Event NameDescriptionParameters
input--