Migration
If you are coming from V1, make sure to follow this guide to upgrade your setup.
Last updated
Was this helpful?
If you are coming from V1, make sure to follow this guide to upgrade your setup.
Last updated
Was this helpful?
V2 uses inline styles instead of SCSS/CSS, so you must remove the imports. Check for more information.
allowClicksThruHole ▶︎ spotlightClicks
disableOverlay false ▶︎ disableOverlayClicks false
keyboardNavigation true ▶︎ disableCloseOnEsc false
the space, return, and tab keys are now controlled with tabIndex
scrollToSteps true ▶︎ disableScrolling false
showBackButton true ▶︎ hideBackButton false
showOverlay true ▶︎ disableOverlay false
showStepsProgress false ▶︎ showProgress false
tooltipOffset 30 ▶︎ Use the step floaterProps.offset
type 'single' ▶︎ continuous false
autoStart (use the disableBeacon prop on the first step)
offsetParent
resizeDebounce
resizeDebounceDelay
There are a few changes to the step syntax too:
selector ▶︎ target Now, it supports HTMLElement and string.
position ▶︎ placement The default is bottom now.
text ▶︎ content
type ▶︎ event
allowClicksThruHole ▶︎ spotlightClicks
style ▶︎ styles The properties have changed. Be sure to update to the new .