Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Change the footer buttons #506

Open
guifeliper opened this issue Jul 8, 2024 · 0 comments
Open

Change the footer buttons #506

guifeliper opened this issue Jul 8, 2024 · 0 comments

Comments

@guifeliper
Copy link

Hello Guys,
I am trying to make something like the following photo. However, I am already aware of the limitations and it is not possible, but I would like to improve the button using a different icon than the default one.
How could I do that?
image

My first strategy was the following code, however, the button is not responsive anymore, I click in the next or previous button and it doesn't move.

const tourInstance = driver({
      nextBtnText: renderToString(<ArrowRightIcon />)",
      prevBtnText: renderToString(<ArrowLeftIcon />),
      showProgress: true,
      showButtons: ["next", "previous", "close"],
      allowClose: false,
      onPopoverRender: (popover) => handlePopoverRender(popover),
      disableActiveInteraction: true
 })
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant