1.0.0 • Published 6 years ago
vue-swizard v1.0.0
Vue Simple Wizard
Vue component for building a simple multi steps interfaces.
Installation
npm install --save vue-swizardBasic usage
<swizard>
<template 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>
</template>
</swizard>Settings
| 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 |