Skip to content

Latest commit

 

History

History
47 lines (37 loc) · 1.66 KB

README.md

File metadata and controls

47 lines (37 loc) · 1.66 KB

Vue Simple Wizard

Build Status codecov

Vue component for building a simple multi steps interfaces.

Installation

npm install --save vue-swizard

Basic usage

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

Edit Vue Simple Wizard

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