Skip to content

Commit f25817f

Browse files
author
jspdown
committed
Fix example in the wizard README.md. fix #12
1 parent 6f2b7f4 commit f25817f

File tree

1 file changed

+22
-14
lines changed

1 file changed

+22
-14
lines changed

src/wizard/README.md

Lines changed: 22 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -11,27 +11,35 @@ This Wizard is a port of the angular-wizard by mgonto from [github](https://gith
1111
Usage
1212
--------------------
1313
```html
14-
<wizard fullwidth="true">
15-
<wizard-pane title="Step1">
16-
<h1>Step 1</h1>
17-
<form name="step1form">
18-
<input type="text">
19-
<input type="submit" wz-next>
20-
</form>
21-
</wizard-pane>
22-
<wizard-pane title="Step2">
23-
<h1>Step 2</h1>
24-
<form name="step2form">
25-
<input type="text">
26-
<input type="submit" wz-finish>
27-
</wizard-pane>
14+
<wizard fullwidth="true" on-finish="finished()" current-step="currentStep">
15+
<wizard-pane title="Step1">
16+
<h1>Step 1</h1>
17+
<form name="step1form">
18+
<div class="ui input">
19+
<input type="text">
20+
</div>
21+
<button type="submit" class="ui button" wd-next>Next</button>
22+
</form>
23+
</wizard-pane>
24+
<wizard-pane title="Step2">
25+
<h1>Step 2</h1>
26+
<form name="step2form">
27+
<div class="ui input">
28+
<input type="text">
29+
</div>
30+
<button type="submit" class="ui button" wd-finish>Finish</button>
31+
<button type="submit" class="ui button" wd-previous>Previous</button>
32+
</form>
33+
</wizard-pane>
2834
</wizard>
2935
```
3036

3137

3238
`wizard` - can have following attributes:
3339

3440
* `fullwidth` - Go fullwidth for the steps bar;
41+
* `current-step` - Updated each time a new step is selected
42+
* `on-finish` - Function to call when a button with `wd-finish` will be clicked
3543

3644

3745
`wizard-pane` - can have the following attributes

0 commit comments

Comments
 (0)