search

uixmat / onborda

An onboarding wizard flow / product tour for Next.js animated by framer motion
https://onborda.dev
882 stars 32 forks source link

Change animation speed #8

Closed tomsaud closed 3 months ago

tomsaud commented 5 months ago

Awesome product! One question, could not find in the documentation. Is it possible to define the speed of the animation, when jumping from one element from another?

Heard from some of our users that it is a bit too "fast".

Cheers

uixmat commented 4 months ago

It’s not currently built into the settings but we could definitely add it!

uixmat commented 3 months ago

@tomsaud I've now added support for cardTransition which accepts type Transition from framer-motion. It will be released very soon on the next release!

eg. 

<OnbordaProvider>
  <Onborda
    steps={steps}
    cardComponent={TourCard}
    shadowOpacity="0.8"
    cardTransition={{ type: "spring" }}
  >
    {children}
  </Onborda>
</OnbordaProvider>