Skip to content

Motion

motion is useful when you need animation-level control, including reduced-motion behavior.

Basic structure

ts
motion: {
  disable: false,
  reduce: {
    factor: 4,
    value: true,
  },
}
  • disable: stops motion-related behavior.
  • reduce: allows softer animation on constrained devices or reduced-motion contexts.

Practical guidance

  • Keep this at defaults unless you have accessibility/performance requirements.
  • Test with reduced-motion preferences and low-end devices.

Source reference