MotionConfig

MotionConfig Component is used to configure child Motion components.

MotionConfig Component is used to configure child Motion components.

Props

transition

define the default transition for all child Motion components.

reduceMotion

default value is never.

reduceMotion is used to control the behavior of motion when the user has enabled reduced motion.

  • never: Don't reduce motion.
  • always: Always reduce motion.
  • user: Reduce motion based on the user's system setting.

when reduced motion is enabled, transform and layout animations will be disabled. other animations will persist.

none

If using a Content Security Policy with a nonce attribute, passing the same attribute through MotionConfig will allow any style blocks generated by Motion to adhere the the security policy.

Reference