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.
fillMode?
null | "solid" | "flat" | "outline"
(default: solid)
Configures the fillMode of the NumericTextBox.
The available options are:
- solid
- outline
- flat
- null—Does not set a fillMode
className.
format?
string | NumberFormatOptions
Specifies the number format which is used for formatting the value (see example). If set to an empty string or undefined, the default format will be used. Format cannot contain decimal separators or numbers. Power signs are supported.
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 falseCan be disabled when form submit is required on pressing theenterkey.
readOnly?
boolean
Determines whether the NumericTextBox is in its read-only state.
required?
boolean
Specifies if null is a valid value for the component.
This property is part of the FormComponentProps interface.
rounded?
null | "small" | "medium" | "large" | "full"
(default: medium)
Configures the roundness of the NumericTextBox.
The available options are:
- small
- medium
- large
- full
- null—Does not set a rounded
className.
size?
null | "small" | "medium" | "large"
(default: medium)
Configures the size of the NumericTextBox.
The available options are:
- small
- medium
- large
- null—Does not set a size
className.
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.
