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

Whether the element should be shown or hidden.

"show" | "hide"

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>