Skip to main content

Props

Mutable Props​

Mutable properties can be updated at runtime using .updateProps().

Adaptive props

To apply different values by viewport or device, use Responsive with this component as the source. Props will update automatically when breakpoints change.

duration​

  • Type: number
  • Default: 1000
  • Timeline duration in milliseconds. Only positive values are accepted.
const tm = new Timeline({
  duration: 1000,
});

// change value
tm.updateProps({
  duration: 500,
});

easing​

  • Type: TEasingType
  • Default: inherited from core settings - see settings.
  • Easing function for timeline progression.
    Accepts standard easing types or an array of bezier values.
    Use false for linear progress.
    See easing types for more information.
const tm = new Timeline({
  easing: [0.25, 0.1, 0.25, 1],
});

// change value
tm.updateProps({
  easing: EaseInOutCubic,
});