NumericTextBoxProps
Represents the props of the KendoReact NumericTextBox component.
accessKey?
string
Specifies the accessKey
of the NumericTextBox.
ariaDescribedBy?
string
Identifies the element(s) which will describe the component, similar to HTML aria-describedby attribute. For example these elements could contain error or hint message.
ariaLabelledBy?
string
Identifies the element(s) which will label the component.
className?
string
Sets a class of the NumericTextBox DOM element.
defaultValue?
number | null
Specifies the initial value. Leaves the subsequent updates uncontrolled.
dir?
string
Represents the dir
HTML attribute.
disabled?
boolean
Determines whether the NumericTextBox is disabled.
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.
id?
string
Sets the id
of the input
DOM element.
inputType?
NumericTextBoxInputType
Sets the type
of the input
DOM element.
The available options are:
- (Default)
tel
text
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.
name?
string
Specifies the name of the input
DOM element.
onBlur?
(event: NumericTextBoxBlurEvent) => void
The event handler that will be fired when NumericTextBox is blurred.
onChange?
(event: NumericTextBoxChangeEvent) => void
Determines the event handler that will be fired when the user edits the value.
onFocus?
(event: NumericTextBoxFocusEvent) => void
The event handler that will be fired when NumericTextBox is focused.
placeholder?
string
Specifies the input placeholder.
rangeOnEnter?
boolean
If enabled, the NumericTextBox will handle the enter
key to range the current invalid value between min
and max
props.
The available options are:
- (Default)
true
false
Can be disabled when form submit is required on pressing theenter
key.
required?
boolean
Specifies if null
is a valid value for the component.
This property is part of the FormComponentProps interface.
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.
This property is part of the FormComponentProps interface.
validationMessage?
string
Controls the form error message of the component. If set to an empty string, no error will be thrown.
This property is part of the FormComponentProps interface.
validityStyles?
boolean
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 | null
Specifies the value of the NumericTextBox.
width?
number | string
Specifies the width of the NumericTextBox.