Bootstrap

API fade

fadeTransition

function

fadeTransition(element, direction, animated, signal, context): void | Promise<void>

Defines a fade transition for UI elements.

This transition applies specific CSS classes to handle the animation states for showing and hiding elements with a fade effect.

Parameters

element: SSRHTMLElement

Element on which the transition should be applied.

direction: "show" | "hide"

Whether the element should be shown or hidden.

animated: boolean

Whether the transition should be animated.

signal: AbortSignal

Signal allowing to stop the transition while running.

context: object

Context of the current transition. It is reused between calls if the previous transition was stopped while running on the same element.

Returns

void | Promise<void>