This prop helps users to fill forms faster, especially on mobile devices. The name can be confusing, as it's more like an autofill. You can learn more about it following the specification.

autoCorrect

abstract var autoCorrect: String?

autoFocus

abstract override var autoFocus: Boolean?

If true, the input element is focused during the first mount.

autoSave

abstract var autoSave: String?

children

abstract override var children: ReactNode?

classes

abstract override var classes: TextFieldClasses?

Override or extend the styles applied to the component.

className

abstract var className: ClassName?

color

abstract override var color: TextFieldColor?

The color of the component. It supports both default and custom theme colors, which can be added as shown in the palette customization guide.

component

abstract var component: ElementType<*>?

content

abstract var content: String?

contentEditable

abstract var contentEditable: Any?

contextMenu

abstract var contextMenu: String?

dangerouslySetInnerHTML

abstract var dangerouslySetInnerHTML: DangerouslySetInnerHTML?

datatype

abstract var datatype: String?

defaultChecked

abstract var defaultChecked: Boolean?

defaultValue

abstract override var defaultValue: Any?

The default value. Use when the component is not controlled.

dir

abstract var dir: String?

disabled

abstract override var disabled: Boolean?

If true, the component is disabled.

draggable

abstract var draggable: Boolean?

enterKeyHint

abstract var enterKeyHint: EnterKeyHint?

error

abstract override var error: Boolean?

If true, the label is displayed in an error state.

focused

abstract var focused: Boolean?

If true, the component is displayed in focused state.

FormHelperTextProps

abstract var FormHelperTextProps: FormHelperTextProps?

Props applied to the /material-ui/api/form-helper-text/ element.

fullWidth

abstract override var fullWidth: Boolean?

If true, the input will take up the full width of its container.

helperText

abstract var helperText: ReactNode?

The helper text content.

hidden

abstract var hidden: Boolean?

hiddenLabel

abstract var hiddenLabel: Boolean?

If true, the label is hidden. This is used to increase density for a FilledInput. Be sure to add aria-label to the input element.

abstract override var id: String?

The id of the input element. Use this prop to make label and helperText accessible for screen readers.

inlist

abstract var inlist: Any?

InputLabelProps

abstract var InputLabelProps: InputLabelProps?

Props applied to the /material-ui/api/input-label/ element. Pointer events like onClick are enabled if and only if shrink is true.

inputMode

abstract var inputMode: InputMode?

InputProps

abstract var InputProps: OutlinedInputProps?

Props applied to the Input element. It will be a /material-ui/api/filled-input/, /material-ui/api/outlined-input/ or /material-ui/api/input/ component depending on the variant prop value.

inputProps

abstract var inputProps: InputBaseComponentProps?

Attributes applied to the input element.

inputRef

abstract var inputRef: Ref<*>?

Pass a ref to the input element.

abstract var is: String?

itemID

abstract var itemID: String?

itemProp

abstract var itemProp: String?

itemRef

abstract var itemRef: String?

itemScope

abstract var itemScope: Boolean?

itemType

abstract var itemType: String?

key

abstract var key: Key?

label

abstract var label: ReactNode?

The label content.

lang

abstract var lang: String?

margin

abstract var margin: FormControlMargin?

If dense or normal, will adjust vertical spacing of this and contained components.

maxRows

abstract var maxRows: Any?

Maximum number of rows to display when multiline option is set to true.

minRows

abstract var minRows: Any?

Minimum number of rows to display when multiline option is set to true.

multiline

abstract var multiline: Boolean?

If true, a textarea element is rendered instead of an input.

name

abstract var name: String?

Name attribute of the input element.

nonce

abstract var nonce: String?

onAbort

abstract var onAbort: ReactEventHandler<HTMLDivElement>?

onAbortCapture

abstract var onAbortCapture: ReactEventHandler<HTMLDivElement>?

onAnimationEnd

abstract var onAnimationEnd: AnimationEventHandler<HTMLDivElement>?

onAnimationEndCapture

abstract var onAnimationEndCapture: AnimationEventHandler<HTMLDivElement>?

onAnimationIteration

abstract var onAnimationIteration: AnimationEventHandler<HTMLDivElement>?

onAnimationIterationCapture

abstract var onAnimationIterationCapture: AnimationEventHandler<HTMLDivElement>?

onAnimationStart

abstract var onAnimationStart: AnimationEventHandler<HTMLDivElement>?

onAnimationStartCapture

abstract var onAnimationStartCapture: AnimationEventHandler<HTMLDivElement>?

onAuxClick

abstract var onAuxClick: MouseEventHandler<HTMLDivElement>?

onAuxClickCapture

abstract var onAuxClickCapture: MouseEventHandler<HTMLDivElement>?

onBeforeInput

abstract var onBeforeInput: FormEventHandler<HTMLDivElement>?

onBeforeInputCapture

abstract var onBeforeInputCapture: FormEventHandler<HTMLDivElement>?

onBlur

abstract override var onBlur: FocusEventHandler<HTMLElement>?

onBlurCapture

abstract var onBlurCapture: FocusEventHandler<HTMLDivElement>?

onCanPlay

abstract var onCanPlay: ReactEventHandler<HTMLDivElement>?

onCanPlayCapture

abstract var onCanPlayCapture: ReactEventHandler<HTMLDivElement>?

onCanPlayThrough

abstract var onCanPlayThrough: ReactEventHandler<HTMLDivElement>?

onCanPlayThroughCapture

abstract var onCanPlayThroughCapture: ReactEventHandler<HTMLDivElement>?

onChange

abstract var onChange: ChangeEventHandler<HTMLElement>?

Callback fired when the value is changed.

onChangeCapture

abstract var onChangeCapture: FormEventHandler<HTMLDivElement>?

onClick

abstract var onClick: MouseEventHandler<HTMLDivElement>?

onClickCapture

abstract var onClickCapture: MouseEventHandler<HTMLDivElement>?

onCompositionEnd

abstract var onCompositionEnd: CompositionEventHandler<HTMLDivElement>?

onCompositionEndCapture

abstract var onCompositionEndCapture: CompositionEventHandler<HTMLDivElement>?

onCompositionStart

abstract var onCompositionStart: CompositionEventHandler<HTMLDivElement>?

onCompositionStartCapture

abstract var onCompositionStartCapture: CompositionEventHandler<HTMLDivElement>?

onCompositionUpdate

abstract var onCompositionUpdate: CompositionEventHandler<HTMLDivElement>?

onCompositionUpdateCapture

abstract var onCompositionUpdateCapture: CompositionEventHandler<HTMLDivElement>?

onContextMenu

abstract var onContextMenu: MouseEventHandler<HTMLDivElement>?

onContextMenuCapture

abstract var onContextMenuCapture: MouseEventHandler<HTMLDivElement>?

onCopy

abstract var onCopy: ClipboardEventHandler<HTMLDivElement>?

onCopyCapture

abstract var onCopyCapture: ClipboardEventHandler<HTMLDivElement>?

onCut

abstract var onCut: ClipboardEventHandler<HTMLDivElement>?

onCutCapture

abstract var onCutCapture: ClipboardEventHandler<HTMLDivElement>?

onDoubleClick

abstract var onDoubleClick: MouseEventHandler<HTMLDivElement>?

onDoubleClickCapture

abstract var onDoubleClickCapture: MouseEventHandler<HTMLDivElement>?

onDrag

abstract var onDrag: DragEventHandler<HTMLDivElement>?

onDragCapture

abstract var onDragCapture: DragEventHandler<HTMLDivElement>?

onDragEnd

abstract var onDragEnd: DragEventHandler<HTMLDivElement>?

onDragEndCapture

abstract var onDragEndCapture: DragEventHandler<HTMLDivElement>?

onDragEnter

abstract var onDragEnter: DragEventHandler<HTMLDivElement>?

onDragEnterCapture

abstract var onDragEnterCapture: DragEventHandler<HTMLDivElement>?

onDragExit

abstract var onDragExit: DragEventHandler<HTMLDivElement>?

onDragExitCapture

abstract var onDragExitCapture: DragEventHandler<HTMLDivElement>?

onDragLeave

abstract var onDragLeave: DragEventHandler<HTMLDivElement>?

onDragLeaveCapture

abstract var onDragLeaveCapture: DragEventHandler<HTMLDivElement>?

onDragOver

abstract var onDragOver: DragEventHandler<HTMLDivElement>?

onDragOverCapture

abstract var onDragOverCapture: DragEventHandler<HTMLDivElement>?

onDragStart

abstract var onDragStart: DragEventHandler<HTMLDivElement>?

onDragStartCapture

abstract var onDragStartCapture: DragEventHandler<HTMLDivElement>?

onDrop

abstract var onDrop: DragEventHandler<HTMLDivElement>?

onDropCapture

abstract var onDropCapture: DragEventHandler<HTMLDivElement>?

onDurationChange

abstract var onDurationChange: ReactEventHandler<HTMLDivElement>?

onDurationChangeCapture

abstract var onDurationChangeCapture: ReactEventHandler<HTMLDivElement>?

onEmptied

abstract var onEmptied: ReactEventHandler<HTMLDivElement>?

onEmptiedCapture

abstract var onEmptiedCapture: ReactEventHandler<HTMLDivElement>?

onEncrypted

abstract var onEncrypted: ReactEventHandler<HTMLDivElement>?

onEncryptedCapture

abstract var onEncryptedCapture: ReactEventHandler<HTMLDivElement>?

onEnded

abstract var onEnded: ReactEventHandler<HTMLDivElement>?

onEndedCapture

abstract var onEndedCapture: ReactEventHandler<HTMLDivElement>?

onError

abstract var onError: ReactEventHandler<HTMLDivElement>?

onErrorCapture

abstract var onErrorCapture: ReactEventHandler<HTMLDivElement>?

onFocus

abstract override var onFocus: FocusEventHandler<HTMLElement>?

onFocusCapture

abstract var onFocusCapture: FocusEventHandler<HTMLDivElement>?

onGotPointerCapture

abstract var onGotPointerCapture: PointerEventHandler<HTMLDivElement>?

onGotPointerCaptureCapture

abstract var onGotPointerCaptureCapture: PointerEventHandler<HTMLDivElement>?

onInput

abstract var onInput: FormEventHandler<HTMLDivElement>?

onInputCapture

abstract var onInputCapture: FormEventHandler<HTMLDivElement>?

onInvalid

abstract var onInvalid: FormEventHandler<HTMLDivElement>?

onInvalidCapture

abstract var onInvalidCapture: FormEventHandler<HTMLDivElement>?

onKeyDown

abstract var onKeyDown: KeyboardEventHandler<HTMLDivElement>?

onKeyDownCapture

abstract var onKeyDownCapture: KeyboardEventHandler<HTMLDivElement>?

onKeyUp

abstract var onKeyUp: KeyboardEventHandler<HTMLDivElement>?

onKeyUpCapture

abstract var onKeyUpCapture: KeyboardEventHandler<HTMLDivElement>?

onLoad

abstract var onLoad: ReactEventHandler<HTMLDivElement>?

onLoadCapture

abstract var onLoadCapture: ReactEventHandler<HTMLDivElement>?

onLoadedData

abstract var onLoadedData: ReactEventHandler<HTMLDivElement>?

onLoadedDataCapture

abstract var onLoadedDataCapture: ReactEventHandler<HTMLDivElement>?

onLoadedMetadata

abstract var onLoadedMetadata: ReactEventHandler<HTMLDivElement>?

onLoadedMetadataCapture

abstract var onLoadedMetadataCapture: ReactEventHandler<HTMLDivElement>?

onLoadStart

abstract var onLoadStart: ReactEventHandler<HTMLDivElement>?

onLoadStartCapture

abstract var onLoadStartCapture: ReactEventHandler<HTMLDivElement>?

onLostPointerCapture

abstract var onLostPointerCapture: PointerEventHandler<HTMLDivElement>?

onLostPointerCaptureCapture

abstract var onLostPointerCaptureCapture: PointerEventHandler<HTMLDivElement>?

onMouseDown

abstract var onMouseDown: MouseEventHandler<HTMLDivElement>?

onMouseDownCapture

abstract var onMouseDownCapture: MouseEventHandler<HTMLDivElement>?

onMouseEnter

abstract var onMouseEnter: MouseEventHandler<HTMLDivElement>?

onMouseLeave

abstract var onMouseLeave: MouseEventHandler<HTMLDivElement>?

onMouseMove

abstract var onMouseMove: MouseEventHandler<HTMLDivElement>?

onMouseMoveCapture

abstract var onMouseMoveCapture: MouseEventHandler<HTMLDivElement>?

onMouseOut

abstract var onMouseOut: MouseEventHandler<HTMLDivElement>?

onMouseOutCapture

abstract var onMouseOutCapture: MouseEventHandler<HTMLDivElement>?

onMouseOver

abstract var onMouseOver: MouseEventHandler<HTMLDivElement>?

onMouseOverCapture

abstract var onMouseOverCapture: MouseEventHandler<HTMLDivElement>?

onMouseUp

abstract var onMouseUp: MouseEventHandler<HTMLDivElement>?

onMouseUpCapture

abstract var onMouseUpCapture: MouseEventHandler<HTMLDivElement>?

onPaste

abstract var onPaste: ClipboardEventHandler<HTMLDivElement>?

onPasteCapture

abstract var onPasteCapture: ClipboardEventHandler<HTMLDivElement>?

onPause

abstract var onPause: ReactEventHandler<HTMLDivElement>?

onPauseCapture

abstract var onPauseCapture: ReactEventHandler<HTMLDivElement>?

onPlay

abstract var onPlay: ReactEventHandler<HTMLDivElement>?

onPlayCapture

abstract var onPlayCapture: ReactEventHandler<HTMLDivElement>?

onPlaying

abstract var onPlaying: ReactEventHandler<HTMLDivElement>?

onPlayingCapture

abstract var onPlayingCapture: ReactEventHandler<HTMLDivElement>?

onPointerCancel

abstract var onPointerCancel: PointerEventHandler<HTMLDivElement>?

onPointerCancelCapture

abstract var onPointerCancelCapture: PointerEventHandler<HTMLDivElement>?

onPointerDown

abstract var onPointerDown: PointerEventHandler<HTMLDivElement>?

onPointerDownCapture

abstract var onPointerDownCapture: PointerEventHandler<HTMLDivElement>?

onPointerEnter

abstract var onPointerEnter: PointerEventHandler<HTMLDivElement>?

onPointerLeave

abstract var onPointerLeave: PointerEventHandler<HTMLDivElement>?

onPointerMove

abstract var onPointerMove: PointerEventHandler<HTMLDivElement>?

onPointerMoveCapture

abstract var onPointerMoveCapture: PointerEventHandler<HTMLDivElement>?

onPointerOut

abstract var onPointerOut: PointerEventHandler<HTMLDivElement>?

onPointerOutCapture

abstract var onPointerOutCapture: PointerEventHandler<HTMLDivElement>?

onPointerOver

abstract var onPointerOver: PointerEventHandler<HTMLDivElement>?

onPointerOverCapture

abstract var onPointerOverCapture: PointerEventHandler<HTMLDivElement>?

onPointerUp

abstract var onPointerUp: PointerEventHandler<HTMLDivElement>?

onPointerUpCapture

abstract var onPointerUpCapture: PointerEventHandler<HTMLDivElement>?

onProgress

abstract var onProgress: ReactEventHandler<HTMLDivElement>?

onProgressCapture

abstract var onProgressCapture: ReactEventHandler<HTMLDivElement>?

onRateChange

abstract var onRateChange: ReactEventHandler<HTMLDivElement>?

onRateChangeCapture

abstract var onRateChangeCapture: ReactEventHandler<HTMLDivElement>?

onReset

abstract var onReset: FormEventHandler<HTMLDivElement>?

onResetCapture

abstract var onResetCapture: FormEventHandler<HTMLDivElement>?

onResize

abstract var onResize: ReactEventHandler<HTMLDivElement>?

onResizeCapture

abstract var onResizeCapture: ReactEventHandler<HTMLDivElement>?

onScroll

abstract var onScroll: UIEventHandler<HTMLDivElement>?

onScrollCapture

abstract var onScrollCapture: UIEventHandler<HTMLDivElement>?

onSeeked

abstract var onSeeked: ReactEventHandler<HTMLDivElement>?

onSeekedCapture

abstract var onSeekedCapture: ReactEventHandler<HTMLDivElement>?

onSeeking

abstract var onSeeking: ReactEventHandler<HTMLDivElement>?

onSeekingCapture

abstract var onSeekingCapture: ReactEventHandler<HTMLDivElement>?

onSelect

abstract var onSelect: ReactEventHandler<HTMLDivElement>?

onSelectCapture

abstract var onSelectCapture: ReactEventHandler<HTMLDivElement>?

onStalled

abstract var onStalled: ReactEventHandler<HTMLDivElement>?

onStalledCapture

abstract var onStalledCapture: ReactEventHandler<HTMLDivElement>?

onSubmit

abstract var onSubmit: FormEventHandler<HTMLDivElement>?

onSubmitCapture

abstract var onSubmitCapture: FormEventHandler<HTMLDivElement>?

onSuspend

abstract var onSuspend: ReactEventHandler<HTMLDivElement>?

onSuspendCapture

abstract var onSuspendCapture: ReactEventHandler<HTMLDivElement>?

onTimeUpdate

abstract var onTimeUpdate: ReactEventHandler<HTMLDivElement>?

onTimeUpdateCapture

abstract var onTimeUpdateCapture: ReactEventHandler<HTMLDivElement>?

onTouchCancel

abstract var onTouchCancel: TouchEventHandler<HTMLDivElement>?

onTouchCancelCapture

abstract var onTouchCancelCapture: TouchEventHandler<HTMLDivElement>?

onTouchEnd

abstract var onTouchEnd: TouchEventHandler<HTMLDivElement>?

onTouchEndCapture

abstract var onTouchEndCapture: TouchEventHandler<HTMLDivElement>?

onTouchMove

abstract var onTouchMove: TouchEventHandler<HTMLDivElement>?

onTouchMoveCapture

abstract var onTouchMoveCapture: TouchEventHandler<HTMLDivElement>?

onTouchStart

abstract var onTouchStart: TouchEventHandler<HTMLDivElement>?

onTouchStartCapture

abstract var onTouchStartCapture: TouchEventHandler<HTMLDivElement>?

onTransitionEnd

abstract var onTransitionEnd: TransitionEventHandler<HTMLDivElement>?

onTransitionEndCapture

abstract var onTransitionEndCapture: TransitionEventHandler<HTMLDivElement>?

onVolumeChange

abstract var onVolumeChange: ReactEventHandler<HTMLDivElement>?

onVolumeChangeCapture

abstract var onVolumeChangeCapture: ReactEventHandler<HTMLDivElement>?

onWaiting

abstract var onWaiting: ReactEventHandler<HTMLDivElement>?

onWaitingCapture

abstract var onWaitingCapture: ReactEventHandler<HTMLDivElement>?

onWheel

abstract var onWheel: WheelEventHandler<HTMLDivElement>?

onWheelCapture

abstract var onWheelCapture: WheelEventHandler<HTMLDivElement>?

placeholder

abstract var placeholder: String?

The short hint displayed in the input before the user enters a value.

prefix

abstract var prefix: String?

property

abstract var property: String?

radioGroup

abstract var radioGroup: String?

ref

abstract var ref: Ref<HTMLDivElement>?

rel

abstract var rel: String?

required

abstract override var required: Boolean?

If true, the label is displayed as required and the input element is required.

resource

abstract var resource: String?

results

abstract var results: String?

rev

abstract var rev: String?

role

abstract var role: AriaRole?

rows

abstract var rows: Any?

Number of rows to display when multiline option is set to true.

security

abstract var security: String?

select

abstract var select: Boolean?

Render a /material-ui/api/select/ element while passing the Input element to Select as input parameter. If this option is set you must pass the options of the select as children.

SelectProps

abstract var SelectProps: SelectProps<*>?

Props applied to the /material-ui/api/select/ element.

size

abstract override var size: BaseSize?

The size of the component.

slot

abstract var slot: String?

spellCheck

abstract var spellCheck: Boolean?

style

abstract var style: CSSProperties?