NumberFilterComponent
This component allows you to create a number filter
Example

export default {
name: "App",
data() {
return {
form: {
servicesDefinition: {
type: NumberFilterComponent,
default: 0,
"field-wrapper": { class: "is-12" },
"field-input": {
isRequired: false,
label: "label",
showClearIcon: true,
controlsPosition: "compact",
controlsAlignment: "center",
min: 0,
default: 0,
},
events: {
input: (val) => {},
},
},
},
};
},
};
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 |
| min | Minimum allowed value | Number | false | - |
| max | Maximum allowed value | Number | false | - |
| step | Incremental number step | Number | false | 1 |
| controlsRounded | - | Boolean | false | true |
| controls | - | Boolean | false | true |
| controlsPosition | Position of controls | String | false | "" |
| controlsAlignment | - | String | false | "right" |
| showClearIcon | - | Boolean | false | false |
| locale | Locale string {en, es ...} for display language on component | String | false | "en" |
| operators | - | String | false | "" |
Events
| Event Name | Description | Parameters |
|---|---|---|
| input | - | - |