Skip to content

Commit c5f2b80

Browse files
committed
docs: update readme
1 parent 2b9898c commit c5f2b80

File tree

1 file changed

+9
-4
lines changed

1 file changed

+9
-4
lines changed

README.md

Lines changed: 9 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
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';
3232
import { Wizard } from 'react-use-wizard';
3333

3434
const App = () => (
35-
<Wizard footer={<Footer />} header={<Header />}>
35+
<Wizard>
3636
<Step1 />
3737
<Step2 />
3838
<Step3 />
3939
</Wizard>
4040
);
4141

4242
const 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

0 commit comments

Comments
 (0)