Getting Started
    Native Components
    • Animation
    • Buttons
    • Charts
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdowns
    • Editor
    • Excel Export
    • File Saver
    • Form
    • Gauges
    • Gridupdated
    • Indicatorsupdated
    • Inputsupdated
    • Labels
    • Layoutupdated
    • Notificationnew
    • PDF Processing
    • Popup
    • Progress Bars
    • Schedulernew
    • ScrollViewnew
    • Tooltip
    • TreeViewnew
    • Upload
    Wrapper Components
    Styling & Themes
    Common Features
    Project Setup
    Changelog
New to Kendo UI for Vue? Start a free 30-day trial

InputProps

Represents the props of the KendoVue Input component. Extends the native input props.

NameTypeDefaultDescription

defaultValue?

string | number | string[]

dir?

string

disabled?

boolean

fillMode?

"null" | string

solid

Configures the fillMode of the MaskedTextBox.

The available options are:

  • solid
  • outline
  • flat
  • nullDoes not set a fillMode class.

iconName?

String

Defines a string prop that controls the input icon.

id?

string

Renders a floating label for the Input component.

inputClass?

String

Defines additional class to the input element.

inputPrefix?

Object | Function | String | Boolean

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

inputSuffix?

Object | Function | String | Boolean

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

label?

string

modelValue?

string | number

name?

string

Specifies the name property of the input DOM element.

placeholder?

string

Specifies the placeholder of an input element. Used to define if the input is empty.

required?

boolean

Specifies if null is a valid value for the component.

rounded?

"null" | string

medium

Configures the roundness of the MaskedTextBox.

The available options are:

  • small
  • medium
  • large
  • full
  • nullDoes 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?

"null" | string

medium

Configures the size of the MaskedTextBox.

The available options are:

  • small
  • medium
  • large
  • nullDoes not set a size class.

valid?

boolean

Overrides the validity state of the component. If valid is set, the required property will be ignored.

validate?

boolean

validationMessage?

string

Controls the form error message of the component. If set to an empty string, no error will be thrown.

validityStyles?

boolean

If set to false, no visual representation of the invalid state of the component will be applied.

value?

string | number | string[]

wrapperClass?

String

Defines additional class to the wrapper element.

Methods

onBlur

Fires when the input is blurred.

Parameters

event

any

onChange

Fires when the change event of the input is triggered.

Parameters

event

any

onFocus

Fires when the input is focused.

Parameters

event

any

onInput

Fires when the input event of the input is triggered.

Parameters

event

any

onKeydown

Fires when the 'keydown' input event is triggered.

Parameters

event

any

onKeypress

Fires when the 'keypress' input event is triggered.

Parameters

event

any

onKeyup

Fires when the 'keyup' input event is triggered.

Parameters

event

any