InputProps

Represents the props of the KendoReact Input component. Styles the textbox of any input element.

about? string

accept? string

accessKey? string

alt? string

autoCapitalize? string

autoComplete? string

autoCorrect? string

autoFocus? boolean

autoSave? string

capture? boolean | string

checked? boolean

children? ReactNode

className? string

color? string

contentEditable? boolean

contextMenu? string

crossOrigin? string

dangerouslySetInnerHTML? { ___html: string; }

datatype? string

defaultChecked? boolean

defaultValue? string | string[]

dir? string

disabled? boolean

draggable? boolean

form? string

formAction? string

formEncType? string

formMethod? string

formNoValidate? boolean

formTarget? string

height? number | string

hidden? boolean

id? string

inlist? any

inputMode? string

is? string

itemID? string

itemProp? string

itemRef? string

itemScope? boolean

itemType? string

label? string

Renders a floating label for the Input component.

lang? string

list? string

max? number | string

maxLength? number

min? number | string

minLength? number

multiple? boolean

name? string

onAbort? ReactEventHandler<HTMLInputElement>

onAbortCapture? ReactEventHandler<HTMLInputElement>

onAnimationEnd? AnimationEventHandler<HTMLInputElement>

onAnimationEndCapture? AnimationEventHandler<HTMLInputElement>

onAnimationIteration? AnimationEventHandler<HTMLInputElement>

onAnimationIterationCapture? AnimationEventHandler<HTMLInputElement>

onAnimationStart? AnimationEventHandler<HTMLInputElement>

onAnimationStartCapture? AnimationEventHandler<HTMLInputElement>

onBlur? FocusEventHandler<HTMLInputElement>

onBlurCapture? FocusEventHandler<HTMLInputElement>

onCanPlay? ReactEventHandler<HTMLInputElement>

onCanPlayCapture? ReactEventHandler<HTMLInputElement>

onCanPlayThrough? ReactEventHandler<HTMLInputElement>

onCanPlayThroughCapture? ReactEventHandler<HTMLInputElement>

onChange? ChangeEventHandler<HTMLInputElement>

onChangeCapture? FormEventHandler<HTMLInputElement>

onClick? MouseEventHandler<HTMLInputElement>

onClickCapture? MouseEventHandler<HTMLInputElement>

onCompositionEnd? CompositionEventHandler<HTMLInputElement>

onCompositionEndCapture? CompositionEventHandler<HTMLInputElement>

onCompositionStart? CompositionEventHandler<HTMLInputElement>

onCompositionStartCapture? CompositionEventHandler<HTMLInputElement>

onCompositionUpdate? CompositionEventHandler<HTMLInputElement>

onCompositionUpdateCapture? CompositionEventHandler<HTMLInputElement>

onContextMenu? MouseEventHandler<HTMLInputElement>

onContextMenuCapture? MouseEventHandler<HTMLInputElement>

onCopy? ClipboardEventHandler<HTMLInputElement>

onCopyCapture? ClipboardEventHandler<HTMLInputElement>

onCut? ClipboardEventHandler<HTMLInputElement>

onCutCapture? ClipboardEventHandler<HTMLInputElement>

onDoubleClick? MouseEventHandler<HTMLInputElement>

onDoubleClickCapture? MouseEventHandler<HTMLInputElement>

onDrag? DragEventHandler<HTMLInputElement>

onDragCapture? DragEventHandler<HTMLInputElement>

onDragEnd? DragEventHandler<HTMLInputElement>

onDragEndCapture? DragEventHandler<HTMLInputElement>

onDragEnter? DragEventHandler<HTMLInputElement>

onDragEnterCapture? DragEventHandler<HTMLInputElement>

onDragExit? DragEventHandler<HTMLInputElement>

onDragExitCapture? DragEventHandler<HTMLInputElement>

onDragLeave? DragEventHandler<HTMLInputElement>

onDragLeaveCapture? DragEventHandler<HTMLInputElement>

onDragOver? DragEventHandler<HTMLInputElement>

onDragOverCapture? DragEventHandler<HTMLInputElement>

onDragStart? DragEventHandler<HTMLInputElement>

onDragStartCapture? DragEventHandler<HTMLInputElement>

onDrop? DragEventHandler<HTMLInputElement>

onDropCapture? DragEventHandler<HTMLInputElement>

onDurationChange? ReactEventHandler<HTMLInputElement>

onDurationChangeCapture? ReactEventHandler<HTMLInputElement>

onEmptied? ReactEventHandler<HTMLInputElement>

onEmptiedCapture? ReactEventHandler<HTMLInputElement>

onEncrypted? ReactEventHandler<HTMLInputElement>

onEncryptedCapture? ReactEventHandler<HTMLInputElement>

onEnded? ReactEventHandler<HTMLInputElement>

onEndedCapture? ReactEventHandler<HTMLInputElement>

onError? ReactEventHandler<HTMLInputElement>

onErrorCapture? ReactEventHandler<HTMLInputElement>

onFocus? FocusEventHandler<HTMLInputElement>

onFocusCapture? FocusEventHandler<HTMLInputElement>

onGotPointerCapture? PointerEventHandler<HTMLInputElement>

onGotPointerCaptureCapture? PointerEventHandler<HTMLInputElement>

onInput? FormEventHandler<HTMLInputElement>

onInputCapture? FormEventHandler<HTMLInputElement>

onInvalid? FormEventHandler<HTMLInputElement>

onInvalidCapture? FormEventHandler<HTMLInputElement>

onKeyDown? KeyboardEventHandler<HTMLInputElement>

onKeyDownCapture? KeyboardEventHandler<HTMLInputElement>

onKeyPress? KeyboardEventHandler<HTMLInputElement>

onKeyPressCapture? KeyboardEventHandler<HTMLInputElement>

onKeyUp? KeyboardEventHandler<HTMLInputElement>

onKeyUpCapture? KeyboardEventHandler<HTMLInputElement>

onLoad? ReactEventHandler<HTMLInputElement>

onLoadCapture? ReactEventHandler<HTMLInputElement>

onLoadStart? ReactEventHandler<HTMLInputElement>

onLoadStartCapture? ReactEventHandler<HTMLInputElement>

onLoadedData? ReactEventHandler<HTMLInputElement>

onLoadedDataCapture? ReactEventHandler<HTMLInputElement>

onLoadedMetadata? ReactEventHandler<HTMLInputElement>

onLoadedMetadataCapture? ReactEventHandler<HTMLInputElement>

onLostPointerCapture? PointerEventHandler<HTMLInputElement>

onLostPointerCaptureCapture? PointerEventHandler<HTMLInputElement>

onMouseDown? MouseEventHandler<HTMLInputElement>

onMouseDownCapture? MouseEventHandler<HTMLInputElement>

onMouseEnter? MouseEventHandler<HTMLInputElement>

onMouseLeave? MouseEventHandler<HTMLInputElement>

onMouseMove? MouseEventHandler<HTMLInputElement>

onMouseMoveCapture? MouseEventHandler<HTMLInputElement>

onMouseOut? MouseEventHandler<HTMLInputElement>

onMouseOutCapture? MouseEventHandler<HTMLInputElement>

onMouseOver? MouseEventHandler<HTMLInputElement>

onMouseOverCapture? MouseEventHandler<HTMLInputElement>

onMouseUp? MouseEventHandler<HTMLInputElement>

onMouseUpCapture? MouseEventHandler<HTMLInputElement>

onPaste? ClipboardEventHandler<HTMLInputElement>

onPasteCapture? ClipboardEventHandler<HTMLInputElement>

onPause? ReactEventHandler<HTMLInputElement>

onPauseCapture? ReactEventHandler<HTMLInputElement>

onPlay? ReactEventHandler<HTMLInputElement>

onPlayCapture? ReactEventHandler<HTMLInputElement>

onPlaying? ReactEventHandler<HTMLInputElement>

onPlayingCapture? ReactEventHandler<HTMLInputElement>

onPointerCancel? PointerEventHandler<HTMLInputElement>

onPointerCancelCapture? PointerEventHandler<HTMLInputElement>

onPointerDown? PointerEventHandler<HTMLInputElement>

onPointerDownCapture? PointerEventHandler<HTMLInputElement>

onPointerEnter? PointerEventHandler<HTMLInputElement>

onPointerEnterCapture? PointerEventHandler<HTMLInputElement>

onPointerLeave? PointerEventHandler<HTMLInputElement>

onPointerLeaveCapture? PointerEventHandler<HTMLInputElement>

onPointerMove? PointerEventHandler<HTMLInputElement>

onPointerMoveCapture? PointerEventHandler<HTMLInputElement>

onPointerOut? PointerEventHandler<HTMLInputElement>

onPointerOutCapture? PointerEventHandler<HTMLInputElement>

onPointerOver? PointerEventHandler<HTMLInputElement>

onPointerOverCapture? PointerEventHandler<HTMLInputElement>

onPointerUp? PointerEventHandler<HTMLInputElement>

onPointerUpCapture? PointerEventHandler<HTMLInputElement>

onProgress? ReactEventHandler<HTMLInputElement>

onProgressCapture? ReactEventHandler<HTMLInputElement>

onRateChange? ReactEventHandler<HTMLInputElement>

onRateChangeCapture? ReactEventHandler<HTMLInputElement>

onReset? FormEventHandler<HTMLInputElement>

onResetCapture? FormEventHandler<HTMLInputElement>

onScroll? UIEventHandler<HTMLInputElement>

onScrollCapture? UIEventHandler<HTMLInputElement>

onSeeked? ReactEventHandler<HTMLInputElement>

onSeekedCapture? ReactEventHandler<HTMLInputElement>

onSeeking? ReactEventHandler<HTMLInputElement>

onSeekingCapture? ReactEventHandler<HTMLInputElement>

onSelect? ReactEventHandler<HTMLInputElement>

onSelectCapture? ReactEventHandler<HTMLInputElement>

onStalled? ReactEventHandler<HTMLInputElement>

onStalledCapture? ReactEventHandler<HTMLInputElement>

onSubmit? FormEventHandler<HTMLInputElement>

onSubmitCapture? FormEventHandler<HTMLInputElement>

onSuspend? ReactEventHandler<HTMLInputElement>

onSuspendCapture? ReactEventHandler<HTMLInputElement>

onTimeUpdate? ReactEventHandler<HTMLInputElement>

onTimeUpdateCapture? ReactEventHandler<HTMLInputElement>

onTouchCancel? TouchEventHandler<HTMLInputElement>

onTouchCancelCapture? TouchEventHandler<HTMLInputElement>

onTouchEnd? TouchEventHandler<HTMLInputElement>

onTouchEndCapture? TouchEventHandler<HTMLInputElement>

onTouchMove? TouchEventHandler<HTMLInputElement>

onTouchMoveCapture? TouchEventHandler<HTMLInputElement>

onTouchStart? TouchEventHandler<HTMLInputElement>

onTouchStartCapture? TouchEventHandler<HTMLInputElement>

onTransitionEnd? TransitionEventHandler<HTMLInputElement>

onTransitionEndCapture? TransitionEventHandler<HTMLInputElement>

onVolumeChange? ReactEventHandler<HTMLInputElement>

onVolumeChangeCapture? ReactEventHandler<HTMLInputElement>

onWaiting? ReactEventHandler<HTMLInputElement>

onWaitingCapture? ReactEventHandler<HTMLInputElement>

onWheel? WheelEventHandler<HTMLInputElement>

onWheelCapture? WheelEventHandler<HTMLInputElement>

pattern? string

placeholder? string

prefix? string

property? string

radioGroup? string

readOnly? boolean

required? boolean

resource? string

results? number

role? string

security? string

size? number

slot? string

spellCheck? boolean

src? string

step? number | string

style? CSSProperties

suppressContentEditableWarning? boolean

suppressHydrationWarning? boolean

tabIndex? number

title? string

type? string

typeof? string

unselectable? boolean

valid? boolean

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

For runnable examples on forms support, refer to the documentation of the respective form component:

validationMessage? string

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

For runnable examples on forms support, refer to the documentation of the respective form component:

validityStyles? boolean

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

For runnable examples on forms support, refer to the documentation of the respective form component:

value? string | string[] | number

vocab? string

width? number | string

API

 /