If true, the modal will not automatically shift focus to itself when it opens, and replace it to the last focused element when it closes. This also works correctly with any modal children that have the disableAutoFocus prop.

disableEnforceFocus

abstract var disableEnforceFocus: Boolean?

If true, the modal will not prevent focus from leaving the modal while open.

disableEscapeKeyDown

abstract var disableEscapeKeyDown: Boolean?

If true, hitting escape will not fire the onClose callback.

disablePortal

abstract var disablePortal: Boolean?

The children will be under the DOM hierarchy of the parent component.

disableRestoreFocus

abstract var disableRestoreFocus: Boolean?

If true, the modal will not restore focus to previously focused element once modal is hidden or unmounted.

disableScrollLock

abstract var disableScrollLock: Boolean?

Disable the scroll lock behavior.

draggable

abstract var draggable: Boolean?

enterKeyHint

abstract var enterKeyHint: EnterKeyHint?

hidden

abstract var hidden: Boolean?

hideBackdrop

abstract var hideBackdrop: Boolean?

If true, the backdrop is not rendered.

abstract var id: String?

inlist

abstract var inlist: Any?

inputMode

abstract var inputMode: InputMode?

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?

keepMounted

abstract var keepMounted: Boolean?

Always keep the children in the DOM. This prop can be useful in SEO situation or when you want to maximize the responsiveness of the Modal.

key

abstract var key: Key?

lang

abstract var lang: String?

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>?

onBackdropClick

abstract var onBackdropClick: ReactEventHandler<*>?

Callback fired when the backdrop is clicked.

onBeforeInput

abstract var onBeforeInput: FormEventHandler<HTMLDivElement>?

onBeforeInputCapture

abstract var onBeforeInputCapture: FormEventHandler<HTMLDivElement>?

onBlur

abstract var onBlur: FocusEventHandler<HTMLDivElement>?

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>?

onChangeCapture

abstract var onChangeCapture: FormEventHandler<HTMLDivElement>?

onClick

abstract var onClick: MouseEventHandler<HTMLDivElement>?

onClickCapture

abstract var onClickCapture: MouseEventHandler<HTMLDivElement>?

onClose

abstract var onClose: Any?

Callback fired when the component requests to be closed. The reason parameter can optionally be used to control the response to onClose.

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 var onFocus: FocusEventHandler<HTMLDivElement>?

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>?

onTransitionEnter

abstract var onTransitionEnter: () -> Unit?

A function called when a transition enters.

onTransitionExited

abstract var onTransitionExited: () -> Unit?

A function called when a transition has exited.

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>?

open

abstract var open: Boolean

If true, the component is shown.

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?

resource

abstract var resource: String?

results

abstract var results: String?

rev

abstract var rev: String?

role

abstract var role: AriaRole?

security

abstract var security: String?

slot

abstract var slot: String?

slotProps

abstract var slotProps: ModalOwnProps.SlotProps?

The props used for each slot inside the Modal.

slots

abstract var slots: ModalSlots?

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

spellCheck

abstract var spellCheck: Boolean?

style

abstract override var style: CSSProperties?

suppressContentEditableWarning

abstract var suppressContentEditableWarning: Boolean?

suppressHydrationWarning

abstract var suppressHydrationWarning: Boolean?

tabIndex

abstract var tabIndex: Int?

title

abstract var title: String?

translate

abstract var translate: Translate?

typeof

abstract var typeof: String?

unselectable

abstract var unselectable: Unselectable?

vocab

abstract var vocab: String?

Functions

child

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

invoke

open inline operator fun ElementType.invoke()

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

open inline operator fun ElementType.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)

unaryPlus

open inline operator fun Char.unaryPlus()

open inline operator fun String?.unaryPlus()

open inline operator fun ReactNode?.unaryPlus()

open inline operator fun Props?.unaryPlus()