The name of the CSS animation (the <code>animation-name</code> CSS property) applied to the component when the transition is requested to enter.

The name of the CSS class applied to the component when the transition is requested to enter.

The name of the CSS animation (the <code>animation-name</code> CSS property) applied to the component when the transition is requested to exit.

The name of the CSS class applied to the component when the transition is requested to exit.

<p>A utility component that hooks up to the Base UI transitions API and
applies a CSS transition to its children when necessary.</p>


The name of the CSS property that is transitioned the longest (has the largest <code>transition-duration</code>) on exit. This is used to determine when the transition has ended. If not specified, the transition will be considered finished end when the first property is transitioned. If all properties have the same <code>transition-duration</code> (or there is just one transitioned property), this can be omitted.

CssAnimation

string

CssTransition

Allows an element to be transitioned in and out.
The transition is triggerred by a `TransitionContext` placed above in the component tree.

Allows child elements to be transitioned in and out.

Transitions

useTransitionStateManager API

Import

Return value

useTransitionTrigger API

Import

Return value