Documentation / @ripl/core / RendererTransitionOptions

Interface: RendererTransitionOptions<TElement>

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

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:114
direction?	TransitionDirection	Playback direction of the transition. Defaults to forward.	packages/core/src/core/renderer.ts:116
duration?	number	Duration of the transition, in milliseconds. Defaults to 0.	packages/core/src/core/renderer.ts:108
ease?	Ease	Easing function applied to the transition's progress. Defaults to linear.	packages/core/src/core/renderer.ts:110
interpolators?	ElementInterpolators<TElement extends Element<TState, ElementEventMap> ? TState : Partial<BaseState>>	Interpolator overrides for individual state properties, taking precedence over the defaults the element declares. See ElementInterpolators.	packages/core/src/core/renderer.ts:120
loop?	TransitionLoopMode	Loop behavior once the transition completes. Defaults to no looping.	packages/core/src/core/renderer.ts:112
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:118

Methods

onComplete()?

optional onComplete(element): void

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

Invoked with the element once its transition completes.

Parameters

Parameter	Type
element	Element

Returns

void