Change navigation arrow svg

[yrsluv]

Are there any way to change only svg inside navigation button to custom arrow? Not found any types \ props for this

[elrumordelaluz]

Hi @yrsluv, thanks for open the Issue.

Sure you can change the svg arrow, through the component prop, doing something like:

function Arrow({ inverted }) {
  return <CustomArrow />
}

const steps = [
  /* ... */
]

export default function App() {
  return (
    <TourProvider steps={steps} components={{ Arrow }}>
      {/* ... */}
    </TourProvider>
  )
}

Here is a working example