Vue component for building a simple multi steps interfaces.
npm install --save vue-swizard<swizard>
<div slot-scope="{ next, prev }">
<swizard-steps>
<swizard-step>
step 1
</swizard-step>
<swizard-step>
step 2
</swizard-step>
<swizard-step>
step 3
</swizard-step>
</swizard-steps>
<swizard-navigation>
<button @click="prev">back</button>
<button @click="next">next</button>
</swizard-navigation>
</div>
</swizard>
| Name | Type | Default | Description |
|---|---|---|---|
| defaultStep | Number | 0 | Default active step index |
| next | Action | You must call this action when you want to go to the next step | |
| prev | Action | You must call this action when you want to go to the previous step | |
| onFinish | Callback | Callback function that is triggered when the wizard has been completed |