kotlin-mui-material/mui.material/BackdropProps

BackdropProps

external interface BackdropProps : BackdropOwnProps, HTMLAttributes<HTMLDivElement> , PropsWithComponent(source)

Properties

about

abstract var about: String?

accessKey

abstract var accessKey: String?

addEndListener

abstract var addEndListener: Any?

Add a custom transition end trigger. Use it when you need custom logic to decide when the transition has ended. Note: Timeouts are still used as a fallback if provided.

appear

abstract var appear: Boolean?

Perform the enter transition when it first mounts if in is also true. Set this to false to disable this behavior.

ariaActiveDescendant

abstract var ariaActiveDescendant: ElementId?

ariaAtomic

abstract var ariaAtomic: Boolean?

ariaAutoComplete

abstract var ariaAutoComplete: AriaAutoComplete?

ariaBrailleLabel

abstract var ariaBrailleLabel: String?

ariaBrailleRoleDescription

abstract var ariaBrailleRoleDescription: String?

ariaBusy

abstract var ariaBusy: Boolean?

ariaChecked

abstract var ariaChecked: AriaChecked?

ariaColCount

abstract var ariaColCount: Int?

ariaColIndex

abstract var ariaColIndex: Int?

ariaColIndexText

abstract var ariaColIndexText: String?

ariaColSpan

abstract var ariaColSpan: Int?

ariaControls

abstract var ariaControls: ElementId?

ariaCurrent

abstract var ariaCurrent: AriaCurrent?

ariaDescribedBy

abstract var ariaDescribedBy: ElementId?

ariaDescription

abstract var ariaDescription: String?

ariaDetails

abstract var ariaDetails: ElementId?

ariaDisabled

abstract var ariaDisabled: Boolean?

ariaDropEffect

abstract var ariaDropEffect: AriaDropEffect?

ariaErrorMessage

abstract var ariaErrorMessage: ElementId?

ariaExpanded

abstract var ariaExpanded: Boolean?

ariaFlowTo

abstract var ariaFlowTo: ElementId?

ariaGrabbed

abstract var ariaGrabbed: Boolean?

ariaHasPopup

abstract var ariaHasPopup: AriaHasPopup?

ariaHidden

abstract var ariaHidden: Boolean?

ariaInvalid

abstract var ariaInvalid: AriaInvalid?

ariaKeyShortcuts

abstract var ariaKeyShortcuts: String?

ariaLabel

abstract var ariaLabel: String?

ariaLabelledBy

abstract var ariaLabelledBy: ElementId?

ariaLevel

abstract var ariaLevel: Int?

ariaLive

abstract var ariaLive: AriaLive?

ariaModal

abstract var ariaModal: Boolean?

ariaMultiline

abstract var ariaMultiline: Boolean?

ariaMultiSelectable

abstract var ariaMultiSelectable: Boolean?

ariaOrientation

abstract var ariaOrientation: AriaOrientation?

ariaOwns

abstract var ariaOwns: String?

ariaPlaceholder

abstract var ariaPlaceholder: String?

ariaPosInSet

abstract var ariaPosInSet: Int?

ariaPressed

abstract var ariaPressed: AriaPressed?

ariaReadOnly

abstract var ariaReadOnly: Boolean?

ariaRelevant

abstract var ariaRelevant: AriaRelevant?

ariaRequired

abstract var ariaRequired: Boolean?

ariaRoleDescription

abstract var ariaRoleDescription: String?

ariaRowCount

abstract var ariaRowCount: Int?

ariaRowIndex

abstract var ariaRowIndex: Int?

ariaRowIndexText

abstract var ariaRowIndexText: String?

ariaRowSpan

abstract var ariaRowSpan: Int?

ariaSelected

abstract var ariaSelected: Boolean?

ariaSetSize

abstract var ariaSetSize: Int?

ariaSort

abstract var ariaSort: AriaSort?

ariaValueMax

abstract var ariaValueMax: Double?

ariaValueMin

abstract var ariaValueMin: Double?

ariaValueNow

abstract var ariaValueNow: Double?

ariaValueText

abstract var ariaValueText: String?

autoCapitalize

abstract var autoCapitalize: AutoCapitalize?

autoCorrect

abstract var autoCorrect: String?

autoFocus

abstract var autoFocus: Boolean?

autoSave

abstract var autoSave: String?

children

abstract override var children: ReactNode?

The content of the component.

classes

abstract var classes: BackdropClasses?

Override or extend the styles applied to the component.

className

abstract var className: ClassName?

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?

dataTestId

abstract var dataTestId: DataTestId?

datatype

abstract var datatype: String?

defaultChecked

abstract var defaultChecked: Boolean?

defaultValue

abstract var defaultValue: Any?

dir

abstract var dir: String?

disablePrefersReducedMotion

abstract var disablePrefersReducedMotion: Boolean?

If true, the transition ignores theme.motion.reducedMotion and keeps its normal timing.

draggable

abstract var draggable: Boolean?

easing

abstract var easing: Any?

The transition timing function. You may specify a single easing or a object containing enter and exit values.

enterKeyHint

abstract var enterKeyHint: EnterKeyHint?

exportparts

abstract var exportparts: String?

hidden

abstract var hidden: Hidden?

abstract var id: ElementId?

abstract var in: Boolean?

If true, the component will transition in.

inert

abstract var inert: Boolean?

inlist

abstract var inlist: Any?

inputMode

abstract var inputMode: InputMode?

invisible

abstract var invisible: Boolean?

If true, the backdrop is invisible. It can be used when rendering a popover or a custom select component.

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?

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

onBeforeInput

abstract var onBeforeInput: InputEventHandler<HTMLDivElement>?

onBeforeInputCapture

abstract var onBeforeInputCapture: InputEventHandler<HTMLDivElement>?

onBeforeToggle

abstract var onBeforeToggle: ToggleEventHandler<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: ChangeEventHandler<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 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: InputEventHandler<HTMLDivElement>?

onInputCapture

abstract var onInputCapture: InputEventHandler<HTMLDivElement>?

onInvalid

abstract var onInvalid: ReactEventHandler<HTMLDivElement>?

onInvalidCapture

abstract var onInvalidCapture: ReactEventHandler<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: ReactEventHandler<HTMLDivElement>?

onResetCapture

abstract var onResetCapture: ReactEventHandler<HTMLDivElement>?

onScroll

abstract var onScroll: UIEventHandler<HTMLDivElement>?

onScrollCapture

abstract var onScrollCapture: UIEventHandler<HTMLDivElement>?

onScrollEnd

abstract var onScrollEnd: UIEventHandler<HTMLDivElement>?

onScrollEndCapture

abstract var onScrollEndCapture: 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: SubmitEventHandler<HTMLDivElement>?

onSubmitCapture

abstract var onSubmitCapture: SubmitEventHandler<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>?

onToggle

abstract var onToggle: ToggleEventHandler<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>?

onTransitionCancel

abstract var onTransitionCancel: TransitionEventHandler<HTMLDivElement>?

onTransitionCancelCapture

abstract var onTransitionCancelCapture: TransitionEventHandler<HTMLDivElement>?

onTransitionEnd

abstract var onTransitionEnd: TransitionEventHandler<HTMLDivElement>?

onTransitionEndCapture

abstract var onTransitionEndCapture: TransitionEventHandler<HTMLDivElement>?

onTransitionRun

abstract var onTransitionRun: TransitionEventHandler<HTMLDivElement>?

onTransitionRunCapture

abstract var onTransitionRunCapture: TransitionEventHandler<HTMLDivElement>?

onTransitionStart

abstract var onTransitionStart: TransitionEventHandler<HTMLDivElement>?

onTransitionStartCapture

abstract var onTransitionStartCapture: 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>?

open

abstract var open: Boolean

If true, the component is shown.

part

abstract var part: String?

popover

abstract var popover: Popover?

popoverTarget

abstract var popoverTarget: ElementId?

popoverTargetAction

abstract var popoverTargetAction: PopoverTargetAction?

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

slots

abstract var slots: BackdropSlots?

spellCheck

abstract var spellCheck: Boolean?

style

abstract override var style: CSSProperties?

suppressContentEditableWarning

abstract var suppressContentEditableWarning: Boolean?

suppressHydrationWarning

abstract var suppressHydrationWarning: Boolean?

abstract override var sx: SxProps<Theme>?

The system prop that allows defining system overrides as well as additional CSS styles.

tabIndex

abstract var tabIndex: Int?

timeout

abstract var timeout: Any?

The duration for the transition, in milliseconds. You may specify a single timeout for all transitions, or individually with an object.

title

abstract var title: String?

transitionDuration

abstract var transitionDuration: Any?

The duration for the transition, in milliseconds. You may specify a single timeout for all transitions, or individually with an object.

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 ElementType.invoke(noinline block: P.() -> 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()