Properties

Link copied to clipboard
abstract external 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.

Link copied to clipboard
abstract external var appear: Boolean?

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

Link copied to clipboard
abstract external override var children: ReactNode?

The content of the component.

Link copied to clipboard
abstract external var classes: BackdropClasses?

Override or extend the styles applied to the component.

Link copied to clipboard
abstract external var disablePrefersReducedMotion: Boolean?

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

Link copied to clipboard
abstract external var easing: Any?

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

Link copied to clipboard
abstract external var in: Boolean?

If true, the component will transition in.

Link copied to clipboard
abstract external var invisible: Boolean?

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

Link copied to clipboard
abstract external var key: Key?
Link copied to clipboard
abstract external var open: Boolean

If true, the component is shown.

Link copied to clipboard
abstract external var slotProps: BackdropSlotProps?
Link copied to clipboard
abstract external var slots: BackdropSlots?
Link copied to clipboard
abstract external override var sx: SxProps<Theme>?

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

Link copied to clipboard
abstract external var timeout: Any?

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

Link copied to clipboard
abstract external var transitionDuration: Any?

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

Functions

Link copied to clipboard
open inline external fun <P : Props> child(type: ElementType<P>, props: P)
Link copied to clipboard
open inline operator external fun <P : Props> ElementType<P>.invoke()
open inline operator external fun <P : Props> ElementType<P>.invoke(noinline block: P.() -> Unit)
open inline operator external fun <T> Provider<T>.invoke(value: T, noinline block: ChildrenBuilder.() -> Unit)
Link copied to clipboard
open inline operator external fun Char.unaryPlus()
open inline operator external fun String?.unaryPlus()
open inline operator external fun ReactNode?.unaryPlus()
open inline operator external fun Props?.unaryPlus()