Introduction
Getting Started
Vue 2 End of Support
Vue Wrappers End of Life
Native Components
- Animation
- Buttons
- Chartsupdated
- Conversational UI
- Data Tools
- Date Inputs
- Dialogs
- Drawing
- Dropdowns
- Editor
- Excel Export
- File Saver
- Form
- Gauges
- Gridupdated
- Icons
- Indicators
- Inputsupdated
- - Overview
  - Getting Started
  - Checkbox
  - ColorGradient
  - ColorPalette
  - ColorPicker
  - Input
  - FlatColorPicker
  - MaskedTextBox
  - NumericTextBox
  - RadioButton
  - RadioGroup
  - Slider
  - RangeSlider
  - Ratingnew
  - Signature
  - Switch
  - TextArea
  - TextBox
  - Floating Labels
  - Globalization
  - API
- Labels
- Layout
- ListBox
- ListView
- Notification
- PDF Processing
- Popup
- Progress Bars
- Scheduler
- ScrollView
- Tooltip
- TreeList
- TreeView
- Upload
Wrapper Components
Sample Applications
Styling & Themes
Common Features
Project Setup
Knowledge Base
Changelog
FAQ
Troubleshooting

Components / Inputs / API / NumericTextBoxProps /

New to Kendo UI for Vue? Start a free 30-day trial

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.
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.

NumericTextBoxProps

In this article

Not finding the help you need?