File tree Expand file tree Collapse file tree 1 file changed +22
-14
lines changed
Expand file tree Collapse file tree 1 file changed +22
-14
lines changed Original file line number Diff line number Diff line change @@ -11,27 +11,35 @@ This Wizard is a port of the angular-wizard by mgonto from [github](https://gith
1111Usage
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
You can’t perform that action at this time.
0 commit comments