Documentation / @ripl/core / RendererTransitionOptions

Interface: RendererTransitionOptions<TElement>

Defined in: packages/core/src/core/renderer.ts:105

Options for scheduling a transition on one or more elements via the renderer.

Type Parameters

Type Parameter
TElement extends Element

Properties

Property	Type	Description	Defined in
delay?	number	Delay, in milliseconds, before the transition begins. Defaults to 0.	packages/core/src/core/renderer.ts:113
direction?	TransitionDirection	Playback direction of the transition. Defaults to forward.	packages/core/src/core/renderer.ts:115
duration?	number	Duration of the transition, in milliseconds. Defaults to 0.	packages/core/src/core/renderer.ts:107
ease?	Ease	Easing function applied to the transition's progress. Defaults to linear.	packages/core/src/core/renderer.ts:109
loop?	TransitionLoopMode	Loop behaviour once the transition completes. Defaults to no looping.	packages/core/src/core/renderer.ts:111
state	ElementInterpolationState<TElement extends Element<infer TState> ? TState : BaseElementState>	Target state (values, keyframes, or interpolators) the element transitions towards.	packages/core/src/core/renderer.ts:117

Methods

onComplete()?

optional onComplete(element): void

Defined in: packages/core/src/core/renderer.ts:119

Invoked with the element once its transition completes.

Parameters

Parameter	Type
element	Element

Returns

void