Reactive

Reactive

Type Definitions

AnimatorReactiveState

Source:
Properties:
duration optional
duration?: number
The duration property defines how long an animation should take to complete one cycle.
fillMode optional
fillMode?: "none" | "forwards" | "backwards" | "both"
The fillMode property specifies a style for the element when the animation is not playing (before it starts, after it ends, or both).
iterationCount optional
iterationCount?: "infinite" | number
The iterationCount property specifies the number of times an animation should be played.
easing optional
easing?: array | function
The easing(timing-function) specifies the speed curve of an animation.
delay optional
delay?: number
The delay property specifies a delay for the start of an animation.
direction optional
direction?: "normal" | "reverse" | "alternate" | "alternate-reverse"
The direction property defines whether an animation should be played forwards, backwards or in alternate cycles.
totalDuration: number
Total time the animation played
Type:
  • TSInterface

FrameReactiveData

Source:
Type:
  • Observer<Frame> | Frame | string | Record<string, any>

FrameReactiveState

Source:
Properties:
cssText: string
Returns the frame's cssText.
cssObject: Record<string, any>
Returns the frame's css object (kebab-case).
camelCasedCSSObject: Record<string, any>
Returns an object in camel case type of frame. It can be used in React.
Type:
  • TSInterface

SceneItemReactiveData

Source:
Type:

SceneItemReactiveProps

Source:
Properties:
options optional
options?: Partial<SceneItemOptions>
[key: string | number]: any
Type:
  • TSInterface

SceneReactiveData

Source:
Type:

SceneReactiveProps

Source:
Properties:
options optional
options?: Partial<SceneOptions>
[key: string | number]: any
Type:
  • TSInterface