ViewTransitionProps

Properties

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

Assigns the view-transition-class class to the underlying DOM node.

Link copied to clipboard
abstract var enter: ViewTransitionClass?

Combined with className if this <ViewTransition> or its parent Component is mounted and there's no other with the same name being deleted. "none" is a special value that deactivates the view transition name under that condition.

Link copied to clipboard
abstract var exit: ViewTransitionClass?

Combined with className if this <ViewTransition> or its parent Component is unmounted and there's no other with the same name being deleted. "none" is a special value that deactivates the view transition name under that condition.

Link copied to clipboard
abstract var key: Key?
Link copied to clipboard
abstract var name: ViewTransitionName?

"auto" will automatically assign a view-transition-name to the inner DOM node. That way you can add a View Transition to a Component without controlling its DOM nodes styling otherwise.

Link copied to clipboard

The <ViewTransition> or its parent Component is mounted and there's no other <ViewTransition> with the same name being deleted.

Link copied to clipboard

The <ViewTransition> or its parent Component is unmounted and there's no other <ViewTransition> with the same name being deleted.

Link copied to clipboard

This <ViewTransition> is being mounted and another <ViewTransition> instance with the same name is being unmounted elsewhere.

Link copied to clipboard

The content of <ViewTransition> has changed either due to DOM mutations or because an inner child <ViewTransition> has resized.

Link copied to clipboard
Link copied to clipboard
abstract var share: ViewTransitionClass?

Combined with className if this <ViewTransition> is being mounted and another instance with the same name is being unmounted elsewhere. "none" is a special value that deactivates the view transition name under that condition.

Link copied to clipboard

Combined with className if the content of this <ViewTransition> has changed either due to DOM mutations or because an inner child has resized. "none" is a special value that deactivates the view transition name under that condition.

Functions

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