NumericTextBoxProps
Represents the props of the KendoVue NumericTextBox component.
Definition
Package:@progress/kendo-vue-inputs
Properties
accessKey?
string
Specifies the accessKey of the NumericTextBox.
ariaLabel?
string
Sets the aria-label of the input DOM element.
defaultValue?
number
Specifies the initial value. Leaves the subsequent updates uncontrolled.
dir?
string
Represents the dir HTML attribute.
disabled?
boolean
Determines whether the NumericTextBox is disabled.
fillMode?
"flat" | "solid" | "outline"
Configures the fillMode of the NumericTextBox.
The available options are:
- solid
- outline
- flat
undefined
format?
string | NumberFormatOptions
Specifies the number format which is used for formatting the value (see example). If set to null or undefined, the default format will be used.
iconName?
string
Defines a string prop that controls the input icon. This property works only with the Kendo UI for Vue FontIcons. Check the Icons article for more information about how the Font Icon can be loaded to your project.
id?
string
Sets the id of the input DOM element.
inputAttributes?
Object
Sets the built-in HTML attributes of the inner focusable input element. Attributes which are essential for certain component functionalities cannot be changed.
inputClass?
string
Defines additional class to the input element.
inputPrefix?
string | boolean | object | Function
Defines if the inputPrefix will be shown. Accepts a slot name, a render function, or a Vue component.
inputSuffix?
string | boolean | object | Function
Defines if the inputSuffix will be shown. Accepts a slot name, a render function, or a Vue component.
inputType?
string
Sets the type of the input DOM element.
The available options are:
- (Default)
tel textnumeric
label?
string
Renders a floating label for the NumericTextBox.
max?
number
Specifies the greatest value that can be entered.
min?
number
Specifies the smallest value that can be entered.
modelValue?
number
Specifies the initial value. Leaves the subsequent updates uncontrolled.
name?
string
Specifies the name of the input DOM element.
onBlur?
(event: any) => void
The event handler that will be fired when TextArea is blurred.
onChange?
(event: any) => void
The event handler that will be fired when the changes the selected value.
onFocus?
(event: any) => void
The event handler that will be fired when TextArea is focused.
placeholder?
string
Specifies the input placeholder.
required?
boolean
Specifies if null is a valid value for the component.
rounded?
"small" | "medium" | "large" | "none" | "full"
Configures the roundness of the NumericTextBox.
The available options are:
- none
- small
- medium
- large
- full
undefined
showClearButton?
boolean
Defines a boolean prop that controls whether to show the clear icon. Defaults to 'false'.
showLoadingIcon?
boolean
Defines a boolean prop that controls whether to show the loading icon. Defaults to 'false'.
showValidationIcon?
boolean
Defines a boolean prop that controls whether to show the validation icon. Defaults to 'false'.
size?
"small" | "medium" | "large"
Configures the size of the NumericTextBox.
The available options are:
- small
- medium
- large
undefined
spinners?
boolean
Specifies whether the Up and Down spin buttons will be rendered (see example).
step?
number
Specifies the value that is used to increment or decrement the value of the NumericTextBox (see example).
tabIndex?
number
Sets the tabIndex property of the NumericTextBox.
title?
string
Sets the title of the input element of the NumericTextBox.
valid?
boolean
Overrides the validity state of the component.
If valid is set, the required property will be ignored.
validationMessage?
string
Controls the form error message of the component. If set to an empty string, no error will be thrown.
validityStyles?
boolean
If set to false, no visual representation of the invalid state of the component will be applied.
true
value?
number
Specifies the value of the NumericTextBox.
wrapperClass?
string
Defines additional class to the wrapper element.