mirror of https://github.com/tenrok/vue-form-wizard.git synced 2026-05-28 11:04:03 +03:00

Files

T

cristijora 577eb6f3bf #41 , #42 Add jsfiddle examples for generating steps with component

Add vuelidate example

2017-09-11 19:05:37 +03:00

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)

In browser playground