search

HiDeoo / intro.js-react

Intro.js react wrapper
MIT License
407 stars 58 forks source link

"Done" button not showing on the last step #56

Closed mikolus closed 3 years ago

mikolus commented 3 years ago

In the last step, "Done" button is hidden. Problem can be reproduced in the official example by updating intro.js and intro.js-react to the most recent versions:

https://codesandbox.io/s/introjs-react-example-forked-jhq7d

When I use intro.js in plain javascript, without the react wrapper, "Done" button appears as expected.

mikolus commented 3 years ago

I found a workaround - setting "skipLabel" option also makes the "Done" button to appear. Setting it to the default "×" character will work.

markdeitchell commented 3 years ago

I found a workaround - setting "skipLabel" option also makes the "Done" button to appear. Setting it to the default "×" character will work.

This solution didn't work for me. Any ideas? https://codesandbox.io/s/introjs-react-example-forked-6b918

HiDeoo commented 3 years ago

I'm assuming this is related to this issue and a behaviour change in Intro.js.

Adding options={{ hideNext: false }} to the <Steps /> component in your codesandbox brings back the Done button.

Raaj66 commented 2 years ago

options={{ hideNext: false }}

Thank you. this is what is was exactly looking for

sandeeprana191 commented 1 year ago

I'm assuming this is related to this issue and a behaviour change in Intro.js.

Adding options={{ hideNext: false }} to the <Steps /> component in your codesandbox brings back the Done button.

Thanks!

Kalutu commented 9 months ago

I'm assuming this is related to this issue and a behaviour change in Intro.js. Adding options={{ hideNext: false }} to the <Steps /> component in your codesandbox brings back the Done button.

Thanks!

I was having same issues. This worked for me. Thanks @sandeeprana191