Interface MotionAdvancedProps

Custom data to use to resolve dynamic variants differently for each animating component.

const variants = {
  visible: (custom) => ({
    opacity: 1,
    transition: { delay: custom * 0.2 }
  })
}

<motion.div custom={0} animate="visible" variants={variants} />
<motion.div custom={1} animate="visible" variants={variants} />
<motion.div custom={2} animate="visible" variants={variants} />
Copy

Set to false to prevent throwing an error when a motion component is used within a LazyMotion set to strict.

Set to false to prevent inheriting variant changes from its parent.