nextTextOnFinalActionStep "Submit" button showing up one step before

const steps = [{ name: 'Step1', component: < Step1 getStore = { () => (this.getStore()) } updateStore = { (u) => { this.updateStore(u) } } />}, {name: 'Step2', component: <Step2 getStore={() => (this.getStore())} updateStore={(u) => {this.updateStore(u)}} / > }, { name: 'Step3', component: < Step3 getStore = { () => (this.getStore()) } updateStore = { (u) => { this.updateStore(u) } } />}, {name: 'step4', component: <Step4 getStore={() => (this.getStore())} updateStore={(u) => {this.updateStore(u)}} / > }, { name: 'Step5', component: < Step5 getStore = { () => (this.getStore()) } updateStore = { (u) => { this.updateStore(u) } } />}, {name: 'Step6', component: <Step6 getStore={() => (this.getStore())} updateStore={(u) => {this.updateStore(u)}} / > }]

return ( <div className='example'> <div className='step-progress'> <StepZilla steps={steps} preventEnterSubmission={true} nextTextOnFinalActionStep={"Save"} hocValidationAppliedTo={[3]} startAtStep={window.sessionStorage.getItem('step') ? parseFloat(window.sessionStorage.getItem('step')) : 0} onStepChange={(step) => window.sessionStorage.setItem('step', step)} /> </div> </div> )

[dagi12]

Affects me too if anyone bothers. I workaround last step by doing .multi-step > ol.progtrckr li.progtrckr-todo[value="5"] { display: none; }

[Osho5588]

Sorry, disregard my previous message.

“You need to create one extra step with Div having classname “review” and have that step included in steps configuration.” Doing that you should see the save button on your actual last page.