NumericTextBoxProps

Represents the props of the KendoVue NumericTextBox component.

Name	Type	Default	Description
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?	string	solid	Configures the fillMode of the NumericTextBox. The available options are: solid outline flat null—Does not set a fillMode class.
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 text numeric
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?	string	medium	Configures the roundness of the NumericTextBox. The available options are: small medium large full null—Does not set a rounded class.
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?	string	medium	Configures the size of the NumericTextBox. The available options are: small medium large null—Does not set a size class.
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	true	If set to false, no visual representation of the invalid state of the component will be applied. This property is part of the FormComponentProps interface.
value?	number		Specifies the value of the NumericTextBox.
wrapperClass?	string		Defines additional class to the wrapper element.