Movatterモバイル変換


[0]ホーム

URL:


Components / Inputs / API / NumericTextBoxProps
New to Kendo UI for Vue? Start a free 30-day trial

NumericTextBoxProps

Updated over 6 months ago

Represents the props of theKendoVue NumericTextBox component.

NameTypeDefaultDescription

accessKey?

string

Specifies theaccessKey of the NumericTextBox.

ariaLabel?

string

Sets thearia-label of theinput DOM element.

defaultValue?

number

Specifies the initial value. Leaves the subsequent updates uncontrolled.

dir?

string

Represents thedir HTML attribute.

disabled?

boolean

Determines whether the NumericTextBox is disabled.

fillMode?

string

solid

Configures thefillMode of the NumericTextBox.

The available options are:

  • solid
  • outline
  • flat
  • null—Does not set a fillModeclass.

format?

string | NumberFormatOptions

Specifies the number format which is used for formatting the value (see example). If set tonull orundefined, 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 theIcons article for more information about how the Font Icon can be loaded to your project.

id?

string

Sets theid of theinput 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, arender function, or a Vue component.

inputSuffix?

string | boolean | object | Function

Defines if the inputSuffix will be shown. Accepts a slot name, arender function, or a Vue component.

inputType?

string

Sets thetype of theinput 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 theinput 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 ifnull is a valid value for the component.

rounded?

string

medium

Configures theroundness of the NumericTextBox.

The available options are:

  • small
  • medium
  • large
  • full
  • null—Does not set a roundedclass.

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 thesize of the NumericTextBox.

The available options are:

  • small
  • medium
  • large
  • null—Does not set a sizeclass.

spinners?

boolean

Specifies whether theUp andDown 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 thetabIndex property of the NumericTextBox.

title?

string

Sets the title of theinput element of the NumericTextBox.

valid?

boolean

Overrides the validity state of the component.Ifvalid is set, therequired 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 tofalse, no visual representation of the invalid state of the component will be applied.

This property is part of theFormComponentProps interface.

value?

number

Specifies the value of the NumericTextBox.

wrapperClass?

string

Defines additional class to the wrapper element.

Not finding the help you need?
Contact Support

[8]ページ先頭

©2009-2025 Movatter.jp