File tree Expand file tree Collapse file tree 1 file changed +9
-4
lines changed Expand file tree Collapse file tree 1 file changed +9
-4
lines changed Original file line number Diff line number Diff line change 1- <p align =" center " ><img src =" https://raw.githubusercontent.com/devrnt/react-use-wizard/master /assets/logo.svg " alt =" react-use-wizard logo " height =" 120px " style =" margin-top : 20px ;" /></p >
1+ <p align =" center " ><img src =" https://raw.githubusercontent.com/devrnt/react-use-wizard/docs/readme /assets/logo.svg " alt =" react-use-wizard logo " height =" 120px " style =" margin-top : 20px ;" /></p >
22<h1 align =" center " >react-use-wizard</h1 >
33<p align =" center " >A React wizard (stepper) builder without the hassle, powered by hooks.</p >
44
@@ -32,22 +32,27 @@ import * as React from 'react';
3232import { Wizard } from ' react-use-wizard' ;
3333
3434const App = () => (
35- < Wizard footer = { < Footer / > } header = { < Header / > } >
35+ < Wizard>
3636 < Step1 / >
3737 < Step2 / >
3838 < Step3 / >
3939 < / Wizard>
4040);
4141
4242const Step1 = () => {
43- const { isLoading , handleStep } = useWizard ();
43+ const { handleStep , previousStep , nextStep } = useWizard ();
4444
4545 // Attach a handler
4646 handleStep (() => {
4747 alert (' Going to step 2' );
4848 });
4949
50- return < button onClick= {boot}> Next 🧙< / button> ;
50+ return (
51+ <>
52+ < button onClick= {previousStep}> Previous ⏮️< / button>
53+ < button onClick= {nextStep}> Next ⏭< / button>
54+ < / >
55+ );
5156};
5257```
5358
You can’t perform that action at this time.
0 commit comments