Vue form wizard

A dynamic wizard to split your forms easier

Vue-form-wizard is a vue based component with no external depenendcies which simplifies tab wizard management.

Demos:

Basic demo

Other demos:

• Squared steps
• Tabbed steps
• Sizing
• Step index Start at any step. Note: start-index is zero-based and the count starts at 0
• Custom button and title text
• Custom title slot
• Customized buttons with slots Replace stuff you don't like
• Call a function before tab switch
• Complete form example integrated with vue-form-generator
• Element UI form integration
• Vuelidate integration
• Dynamic components for tabs
• Vue router integration You can place a router-view inside the wizard and have a separate page per tab. A route prop must be passed to the tabs you want to handle certain tabs
• Async validation with error message before-change prop can accept a promise that is resolved with true which will execute the promise before switching to another step/tab (NOTE: This feature is not present in the npm package yet)
• Animations with animate.css
• Fancy step animations with lottie

In browser playground

Documentation