kotlin-mui-base/mui.base/InputProps

InputProps

external interface InputProps : InputOwnProps, HTMLAttributes<HTMLInputElement> (source)

Properties

abstract var about: String?

abstract var accessKey: String?

abstract var autoCapitalize: String?

abstract var autoComplete: String?

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.

abstract var autoCorrect: String?

abstract var autoFocus: Boolean?

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

abstract var autoSave: String?

abstract var children: ReactNode?

abstract override var className: ClassName?

Class name applied to the root element.

abstract var content: String?

contentEditable

abstract var contentEditable: Any?

abstract var contextMenu: String?

dangerouslySetInnerHTML

abstract var dangerouslySetInnerHTML: DangerouslySetInnerHTML?

abstract var datatype: String?

abstract var defaultChecked: Boolean?

abstract var defaultValue: Any?

abstract var dir: String?

abstract var draggable: Boolean?

abstract var endAdornment: ReactNode?

Trailing adornment for this input.

abstract var enterKeyHint: EnterKeyHint?

abstract var error: Boolean?

If true, the input will indicate an error by setting the aria-invalid attribute on the input and the baseui--error class on the root element. The prop defaults to the value (false) inherited from the parent FormControl component.

abstract var hidden: Boolean?

abstract var id: String?

The id of the input element.

abstract var inlist: Any?

abstract var inputMode: InputMode?

abstract var is: String?

abstract var itemID: String?

abstract var itemProp: String?

abstract var itemRef: String?

abstract var itemScope: Boolean?

abstract var itemType: String?

abstract var key: Key?

abstract var lang: String?

abstract var maxRows: Number?

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

abstract var minRows: Number?

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

abstract var multiline: Boolean

If true, a textarea element is rendered.

abstract var name: String?

Name attribute of the input element.

abstract var nonce: String?

abstract var onAbort: ReactEventHandler<HTMLInputElement>?

abstract var onAbortCapture: ReactEventHandler<HTMLInputElement>?

abstract var onAnimationEnd: AnimationEventHandler<HTMLInputElement>?

onAnimationEndCapture

abstract var onAnimationEndCapture: AnimationEventHandler<HTMLInputElement>?

onAnimationIteration

abstract var onAnimationIteration: AnimationEventHandler<HTMLInputElement>?

onAnimationIterationCapture

abstract var onAnimationIterationCapture: AnimationEventHandler<HTMLInputElement>?

onAnimationStart

abstract var onAnimationStart: AnimationEventHandler<HTMLInputElement>?

onAnimationStartCapture

abstract var onAnimationStartCapture: AnimationEventHandler<HTMLInputElement>?

abstract var onAuxClick: MouseEventHandler<HTMLInputElement>?

onAuxClickCapture

abstract var onAuxClickCapture: MouseEventHandler<HTMLInputElement>?

abstract var onBeforeInput: FormEventHandler<HTMLInputElement>?

onBeforeInputCapture

abstract var onBeforeInputCapture: FormEventHandler<HTMLInputElement>?

abstract var onBlur: FocusEventHandler<HTMLInputElement>?

abstract var onBlurCapture: FocusEventHandler<HTMLInputElement>?

abstract var onCanPlay: ReactEventHandler<HTMLInputElement>?

onCanPlayCapture

abstract var onCanPlayCapture: ReactEventHandler<HTMLInputElement>?

onCanPlayThrough

abstract var onCanPlayThrough: ReactEventHandler<HTMLInputElement>?

onCanPlayThroughCapture

abstract var onCanPlayThroughCapture: ReactEventHandler<HTMLInputElement>?

onChangeCapture

abstract var onChangeCapture: FormEventHandler<HTMLInputElement>?

abstract var onClick: MouseEventHandler<HTMLInputElement>?

abstract var onClickCapture: MouseEventHandler<HTMLInputElement>?

onCompositionEnd

abstract var onCompositionEnd: CompositionEventHandler<HTMLInputElement>?

onCompositionEndCapture

abstract var onCompositionEndCapture: CompositionEventHandler<HTMLInputElement>?

onCompositionStart

abstract var onCompositionStart: CompositionEventHandler<HTMLInputElement>?

onCompositionStartCapture

abstract var onCompositionStartCapture: CompositionEventHandler<HTMLInputElement>?

onCompositionUpdate

abstract var onCompositionUpdate: CompositionEventHandler<HTMLInputElement>?

onCompositionUpdateCapture

abstract var onCompositionUpdateCapture: CompositionEventHandler<HTMLInputElement>?

abstract var onContextMenu: MouseEventHandler<HTMLInputElement>?

onContextMenuCapture

abstract var onContextMenuCapture: MouseEventHandler<HTMLInputElement>?

abstract var onCopy: ClipboardEventHandler<HTMLInputElement>?

abstract var onCopyCapture: ClipboardEventHandler<HTMLInputElement>?

abstract var onCut: ClipboardEventHandler<HTMLInputElement>?

abstract var onCutCapture: ClipboardEventHandler<HTMLInputElement>?

abstract var onDoubleClick: MouseEventHandler<HTMLInputElement>?

onDoubleClickCapture

abstract var onDoubleClickCapture: MouseEventHandler<HTMLInputElement>?

abstract var onDrag: DragEventHandler<HTMLInputElement>?

abstract var onDragCapture: DragEventHandler<HTMLInputElement>?

abstract var onDragEnd: DragEventHandler<HTMLInputElement>?

onDragEndCapture

abstract var onDragEndCapture: DragEventHandler<HTMLInputElement>?

abstract var onDragEnter: DragEventHandler<HTMLInputElement>?

onDragEnterCapture

abstract var onDragEnterCapture: DragEventHandler<HTMLInputElement>?

abstract var onDragExit: DragEventHandler<HTMLInputElement>?

onDragExitCapture

abstract var onDragExitCapture: DragEventHandler<HTMLInputElement>?

abstract var onDragLeave: DragEventHandler<HTMLInputElement>?

onDragLeaveCapture

abstract var onDragLeaveCapture: DragEventHandler<HTMLInputElement>?

abstract var onDragOver: DragEventHandler<HTMLInputElement>?

onDragOverCapture

abstract var onDragOverCapture: DragEventHandler<HTMLInputElement>?

abstract var onDragStart: DragEventHandler<HTMLInputElement>?

onDragStartCapture

abstract var onDragStartCapture: DragEventHandler<HTMLInputElement>?

abstract var onDrop: DragEventHandler<HTMLInputElement>?

abstract var onDropCapture: DragEventHandler<HTMLInputElement>?

onDurationChange

abstract var onDurationChange: ReactEventHandler<HTMLInputElement>?

onDurationChangeCapture

abstract var onDurationChangeCapture: ReactEventHandler<HTMLInputElement>?

abstract var onEmptied: ReactEventHandler<HTMLInputElement>?

onEmptiedCapture

abstract var onEmptiedCapture: ReactEventHandler<HTMLInputElement>?

abstract var onEncrypted: ReactEventHandler<HTMLInputElement>?

onEncryptedCapture

abstract var onEncryptedCapture: ReactEventHandler<HTMLInputElement>?

abstract var onEnded: ReactEventHandler<HTMLInputElement>?

abstract var onEndedCapture: ReactEventHandler<HTMLInputElement>?

abstract var onError: ReactEventHandler<HTMLInputElement>?

abstract var onErrorCapture: ReactEventHandler<HTMLInputElement>?

abstract var onFocus: FocusEventHandler<HTMLInputElement>?

abstract var onFocusCapture: FocusEventHandler<HTMLInputElement>?

onGotPointerCapture

abstract var onGotPointerCapture: PointerEventHandler<HTMLInputElement>?

onGotPointerCaptureCapture

abstract var onGotPointerCaptureCapture: PointerEventHandler<HTMLInputElement>?

abstract var onInput: FormEventHandler<HTMLInputElement>?

abstract var onInputCapture: FormEventHandler<HTMLInputElement>?

abstract var onInvalid: FormEventHandler<HTMLInputElement>?

onInvalidCapture

abstract var onInvalidCapture: FormEventHandler<HTMLInputElement>?

abstract var onKeyDown: KeyboardEventHandler<HTMLInputElement>?

onKeyDownCapture

abstract var onKeyDownCapture: KeyboardEventHandler<HTMLInputElement>?

abstract var onKeyUp: KeyboardEventHandler<HTMLInputElement>?

abstract var onKeyUpCapture: KeyboardEventHandler<HTMLInputElement>?

abstract var onLoad: ReactEventHandler<HTMLInputElement>?

abstract var onLoadCapture: ReactEventHandler<HTMLInputElement>?

abstract var onLoadedData: ReactEventHandler<HTMLInputElement>?

onLoadedDataCapture

abstract var onLoadedDataCapture: ReactEventHandler<HTMLInputElement>?

onLoadedMetadata

abstract var onLoadedMetadata: ReactEventHandler<HTMLInputElement>?

onLoadedMetadataCapture

abstract var onLoadedMetadataCapture: ReactEventHandler<HTMLInputElement>?

abstract var onLoadStart: ReactEventHandler<HTMLInputElement>?

onLoadStartCapture

abstract var onLoadStartCapture: ReactEventHandler<HTMLInputElement>?

onLostPointerCapture

abstract var onLostPointerCapture: PointerEventHandler<HTMLInputElement>?

onLostPointerCaptureCapture

abstract var onLostPointerCaptureCapture: PointerEventHandler<HTMLInputElement>?

abstract var onMouseDown: MouseEventHandler<HTMLInputElement>?

onMouseDownCapture

abstract var onMouseDownCapture: MouseEventHandler<HTMLInputElement>?

abstract var onMouseEnter: MouseEventHandler<HTMLInputElement>?

abstract var onMouseLeave: MouseEventHandler<HTMLInputElement>?

abstract var onMouseMove: MouseEventHandler<HTMLInputElement>?

onMouseMoveCapture

abstract var onMouseMoveCapture: MouseEventHandler<HTMLInputElement>?

abstract var onMouseOut: MouseEventHandler<HTMLInputElement>?

onMouseOutCapture

abstract var onMouseOutCapture: MouseEventHandler<HTMLInputElement>?

abstract var onMouseOver: MouseEventHandler<HTMLInputElement>?

onMouseOverCapture

abstract var onMouseOverCapture: MouseEventHandler<HTMLInputElement>?

abstract var onMouseUp: MouseEventHandler<HTMLInputElement>?

onMouseUpCapture

abstract var onMouseUpCapture: MouseEventHandler<HTMLInputElement>?

abstract var onPaste: ClipboardEventHandler<HTMLInputElement>?

abstract var onPasteCapture: ClipboardEventHandler<HTMLInputElement>?

abstract var onPause: ReactEventHandler<HTMLInputElement>?

abstract var onPauseCapture: ReactEventHandler<HTMLInputElement>?

abstract var onPlay: ReactEventHandler<HTMLInputElement>?

abstract var onPlayCapture: ReactEventHandler<HTMLInputElement>?

abstract var onPlaying: ReactEventHandler<HTMLInputElement>?

onPlayingCapture

abstract var onPlayingCapture: ReactEventHandler<HTMLInputElement>?

onPointerCancel

abstract var onPointerCancel: PointerEventHandler<HTMLInputElement>?

onPointerCancelCapture

abstract var onPointerCancelCapture: PointerEventHandler<HTMLInputElement>?

abstract var onPointerDown: PointerEventHandler<HTMLInputElement>?

onPointerDownCapture

abstract var onPointerDownCapture: PointerEventHandler<HTMLInputElement>?

abstract var onPointerEnter: PointerEventHandler<HTMLInputElement>?

abstract var onPointerLeave: PointerEventHandler<HTMLInputElement>?

abstract var onPointerMove: PointerEventHandler<HTMLInputElement>?

onPointerMoveCapture

abstract var onPointerMoveCapture: PointerEventHandler<HTMLInputElement>?

abstract var onPointerOut: PointerEventHandler<HTMLInputElement>?

onPointerOutCapture

abstract var onPointerOutCapture: PointerEventHandler<HTMLInputElement>?

abstract var onPointerOver: PointerEventHandler<HTMLInputElement>?

onPointerOverCapture

abstract var onPointerOverCapture: PointerEventHandler<HTMLInputElement>?

abstract var onPointerUp: PointerEventHandler<HTMLInputElement>?

onPointerUpCapture

abstract var onPointerUpCapture: PointerEventHandler<HTMLInputElement>?

abstract var onProgress: ReactEventHandler<HTMLInputElement>?

onProgressCapture

abstract var onProgressCapture: ReactEventHandler<HTMLInputElement>?

abstract var onRateChange: ReactEventHandler<HTMLInputElement>?

onRateChangeCapture

abstract var onRateChangeCapture: ReactEventHandler<HTMLInputElement>?

abstract var onReset: FormEventHandler<HTMLInputElement>?

abstract var onResetCapture: FormEventHandler<HTMLInputElement>?

abstract var onResize: ReactEventHandler<HTMLInputElement>?

onResizeCapture

abstract var onResizeCapture: ReactEventHandler<HTMLInputElement>?

abstract var onScroll: UIEventHandler<HTMLInputElement>?

onScrollCapture

abstract var onScrollCapture: UIEventHandler<HTMLInputElement>?

abstract var onSeeked: ReactEventHandler<HTMLInputElement>?

onSeekedCapture

abstract var onSeekedCapture: ReactEventHandler<HTMLInputElement>?

abstract var onSeeking: ReactEventHandler<HTMLInputElement>?

onSeekingCapture

abstract var onSeekingCapture: ReactEventHandler<HTMLInputElement>?

abstract var onSelect: ReactEventHandler<HTMLInputElement>?

onSelectCapture

abstract var onSelectCapture: ReactEventHandler<HTMLInputElement>?

abstract var onStalled: ReactEventHandler<HTMLInputElement>?

onStalledCapture

abstract var onStalledCapture: ReactEventHandler<HTMLInputElement>?

abstract var onSubmit: FormEventHandler<HTMLInputElement>?

onSubmitCapture

abstract var onSubmitCapture: FormEventHandler<HTMLInputElement>?

abstract var onSuspend: ReactEventHandler<HTMLInputElement>?

onSuspendCapture

abstract var onSuspendCapture: ReactEventHandler<HTMLInputElement>?

abstract var onTimeUpdate: ReactEventHandler<HTMLInputElement>?

onTimeUpdateCapture

abstract var onTimeUpdateCapture: ReactEventHandler<HTMLInputElement>?

abstract var onTouchCancel: TouchEventHandler<HTMLInputElement>?

onTouchCancelCapture

abstract var onTouchCancelCapture: TouchEventHandler<HTMLInputElement>?

abstract var onTouchEnd: TouchEventHandler<HTMLInputElement>?

onTouchEndCapture

abstract var onTouchEndCapture: TouchEventHandler<HTMLInputElement>?

abstract var onTouchMove: TouchEventHandler<HTMLInputElement>?

onTouchMoveCapture

abstract var onTouchMoveCapture: TouchEventHandler<HTMLInputElement>?

abstract var onTouchStart: TouchEventHandler<HTMLInputElement>?

onTouchStartCapture

abstract var onTouchStartCapture: TouchEventHandler<HTMLInputElement>?

onTransitionEnd

abstract var onTransitionEnd: TransitionEventHandler<HTMLInputElement>?

onTransitionEndCapture

abstract var onTransitionEndCapture: TransitionEventHandler<HTMLInputElement>?

abstract var onVolumeChange: ReactEventHandler<HTMLInputElement>?

onVolumeChangeCapture

abstract var onVolumeChangeCapture: ReactEventHandler<HTMLInputElement>?

abstract var onWaiting: ReactEventHandler<HTMLInputElement>?

onWaitingCapture

abstract var onWaitingCapture: ReactEventHandler<HTMLInputElement>?

abstract var onWheel: WheelEventHandler<HTMLInputElement>?

abstract var onWheelCapture: WheelEventHandler<HTMLInputElement>?

abstract var placeholder: String?

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

abstract var prefix: String?

abstract var property: String?

abstract var radioGroup: String?

abstract var readOnly: Boolean?

It prevents the user from changing the value of the field (not from interacting with the field).

abstract var ref: Ref<HTMLInputElement>?

abstract var rel: String?

abstract var resource: String?

abstract var results: String?

abstract var rev: String?

abstract var role: AriaRole?

abstract var rows: Number?

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

abstract var security: String?

abstract var slot: String?

abstract var slotProps: InputOwnProps.SlotProps?

The props used for each slot inside the Input.

abstract var slots: InputSlots?

The components used for each slot inside the InputBase. Either a string to use a HTML element or a component.

abstract var spellCheck: Boolean?

abstract var startAdornment: ReactNode?

Leading adornment for this input.

abstract override var style: CSSProperties?

suppressContentEditableWarning

abstract var suppressContentEditableWarning: Boolean?

suppressHydrationWarning

abstract var suppressHydrationWarning: Boolean?

abstract var tabIndex: Int?

abstract var title: String?

abstract var translate: Translate?

abstract var type: InputType?

Type of the input element. It should be a valid HTML5 input type.

abstract var typeof: String?

abstract var unselectable: Unselectable?

abstract var value: Any?

The value of the input element, required for a controlled component.

abstract var vocab: String?

Functions

open inline fun <P : Props> child(type: ElementType<P>, props: P)

open inline operator fun <P : Props> ElementType<P>.invoke()

open inline operator fun <T> ContextType<T>.invoke(noinline block: ProviderProps<T>.() -> Unit)

open inline operator fun <P : Props> ElementType<P>.invoke(noinline block: P.() -> Unit)

open inline operator fun <T> ContextType<T>.invoke(value: T, noinline block: ChildrenBuilder.() -> Unit)

open inline operator fun <T> Provider<T>.invoke(value: T, noinline block: ChildrenBuilder.() -> Unit)

open inline operator fun Char.unaryPlus()

open inline operator fun String?.unaryPlus()

open inline operator fun ReactNode?.unaryPlus()

open inline operator fun Props?.unaryPlus()