InputProps

Represents the props of the KendoReact Input component.
Used to style 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

onAbortCapture? ReactEventHandler

onAnimationEnd? AnimationEventHandler

onAnimationEndCapture? AnimationEventHandler

onAnimationIteration? AnimationEventHandler

onAnimationIterationCapture? AnimationEventHandler

onAnimationStart? AnimationEventHandler

onAnimationStartCapture? AnimationEventHandler

onBlur? FocusEventHandler

onBlurCapture? FocusEventHandler

onCanPlay? ReactEventHandler

onCanPlayCapture? ReactEventHandler

onCanPlayThrough? ReactEventHandler

onCanPlayThroughCapture? ReactEventHandler

onChange? ChangeEventHandler

onChangeCapture? FormEventHandler

onClick? MouseEventHandler

onClickCapture? MouseEventHandler

onCompositionEnd? CompositionEventHandler

onCompositionEndCapture? CompositionEventHandler

onCompositionStart? CompositionEventHandler

onCompositionStartCapture? CompositionEventHandler

onCompositionUpdate? CompositionEventHandler

onCompositionUpdateCapture? CompositionEventHandler

onContextMenu? MouseEventHandler

onContextMenuCapture? MouseEventHandler

onCopy? ClipboardEventHandler

onCopyCapture? ClipboardEventHandler

onCut? ClipboardEventHandler

onCutCapture? ClipboardEventHandler

onDoubleClick? MouseEventHandler

onDoubleClickCapture? MouseEventHandler

onDrag? DragEventHandler

onDragCapture? DragEventHandler

onDragEnd? DragEventHandler

onDragEndCapture? DragEventHandler

onDragEnter? DragEventHandler

onDragEnterCapture? DragEventHandler

onDragExit? DragEventHandler

onDragExitCapture? DragEventHandler

onDragLeave? DragEventHandler

onDragLeaveCapture? DragEventHandler

onDragOver? DragEventHandler

onDragOverCapture? DragEventHandler

onDragStart? DragEventHandler

onDragStartCapture? DragEventHandler

onDrop? DragEventHandler

onDropCapture? DragEventHandler

onDurationChange? ReactEventHandler

onDurationChangeCapture? ReactEventHandler

onEmptied? ReactEventHandler

onEmptiedCapture? ReactEventHandler

onEncrypted? ReactEventHandler

onEncryptedCapture? ReactEventHandler

onEnded? ReactEventHandler

onEndedCapture? ReactEventHandler

onError? ReactEventHandler

onErrorCapture? ReactEventHandler

onFocus? FocusEventHandler

onFocusCapture? FocusEventHandler

onGotPointerCapture? PointerEventHandler

onGotPointerCaptureCapture? PointerEventHandler

onInput? FormEventHandler

onInputCapture? FormEventHandler

onInvalid? FormEventHandler

onInvalidCapture? FormEventHandler

onKeyDown? KeyboardEventHandler

onKeyDownCapture? KeyboardEventHandler

onKeyPress? KeyboardEventHandler

onKeyPressCapture? KeyboardEventHandler

onKeyUp? KeyboardEventHandler

onKeyUpCapture? KeyboardEventHandler

onLoad? ReactEventHandler

onLoadCapture? ReactEventHandler

onLoadStart? ReactEventHandler

onLoadStartCapture? ReactEventHandler

onLoadedData? ReactEventHandler

onLoadedDataCapture? ReactEventHandler

onLoadedMetadata? ReactEventHandler

onLoadedMetadataCapture? ReactEventHandler

onLostPointerCapture? PointerEventHandler

onLostPointerCaptureCapture? PointerEventHandler

onMouseDown? MouseEventHandler

onMouseDownCapture? MouseEventHandler

onMouseEnter? MouseEventHandler

onMouseLeave? MouseEventHandler

onMouseMove? MouseEventHandler

onMouseMoveCapture? MouseEventHandler

onMouseOut? MouseEventHandler

onMouseOutCapture? MouseEventHandler

onMouseOver? MouseEventHandler

onMouseOverCapture? MouseEventHandler

onMouseUp? MouseEventHandler

onMouseUpCapture? MouseEventHandler

onPaste? ClipboardEventHandler

onPasteCapture? ClipboardEventHandler

onPause? ReactEventHandler

onPauseCapture? ReactEventHandler

onPlay? ReactEventHandler

onPlayCapture? ReactEventHandler

onPlaying? ReactEventHandler

onPlayingCapture? ReactEventHandler

onPointerCancel? PointerEventHandler

onPointerCancelCapture? PointerEventHandler

onPointerDown? PointerEventHandler

onPointerDownCapture? PointerEventHandler

onPointerEnter? PointerEventHandler

onPointerEnterCapture? PointerEventHandler

onPointerLeave? PointerEventHandler

onPointerLeaveCapture? PointerEventHandler

onPointerMove? PointerEventHandler

onPointerMoveCapture? PointerEventHandler

onPointerOut? PointerEventHandler

onPointerOutCapture? PointerEventHandler

onPointerOver? PointerEventHandler

onPointerOverCapture? PointerEventHandler

onPointerUp? PointerEventHandler

onPointerUpCapture? PointerEventHandler

onProgress? ReactEventHandler

onProgressCapture? ReactEventHandler

onRateChange? ReactEventHandler

onRateChangeCapture? ReactEventHandler

onReset? FormEventHandler

onResetCapture? FormEventHandler

onScroll? UIEventHandler

onScrollCapture? UIEventHandler

onSeeked? ReactEventHandler

onSeekedCapture? ReactEventHandler

onSeeking? ReactEventHandler

onSeekingCapture? ReactEventHandler

onSelect? ReactEventHandler

onSelectCapture? ReactEventHandler

onStalled? ReactEventHandler

onStalledCapture? ReactEventHandler

onSubmit? FormEventHandler

onSubmitCapture? FormEventHandler

onSuspend? ReactEventHandler

onSuspendCapture? ReactEventHandler

onTimeUpdate? ReactEventHandler

onTimeUpdateCapture? ReactEventHandler

onTouchCancel? TouchEventHandler

onTouchCancelCapture? TouchEventHandler

onTouchEnd? TouchEventHandler

onTouchEndCapture? TouchEventHandler

onTouchMove? TouchEventHandler

onTouchMoveCapture? TouchEventHandler

onTouchStart? TouchEventHandler

onTouchStartCapture? TouchEventHandler

onTransitionEnd? TransitionEventHandler

onTransitionEndCapture? TransitionEventHandler

onVolumeChange? ReactEventHandler

onVolumeChangeCapture? ReactEventHandler

onWaiting? ReactEventHandler

onWaitingCapture? ReactEventHandler

onWheel? WheelEventHandler

onWheelCapture? WheelEventHandler

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.

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