Lightweight and customizable step-by-step progress/wizard component for Vue.

Overview

vuegrass-bar gif

vue-wizard-steps

Lightweight and customizable step-by-step progress/wizard component for Vue.

Step 1: Installation

yarn add vue-wizard-steps

Step 2: Add to project

h(App), }).$mount('#app'); ">
import  Vue  from  'vue';
import  WizardSteps  from  'vue-wizard-steps';
import  App  from  './App.vue';

Vue.component("wizard-steps", WizardSteps);

new  Vue({
    render: h => h(App),
}).$mount('#app');

Step 3: Use component in view

">



That's all.

Props

Prop name Type Description Required
sections Object Object that contains progress bar settings yes
sections.titles Array String array that represents step titles yes
sections.fillCount Number Filled step count yes
bgColor String Background color of progress bar as hexadecimal no
fillColor String Color of filled bars on progress as hexadecimal no
Vue.js 2 wizard

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 ta

BinarCode 1.1k Jun 9, 2021
Lightweight and customizable step-by-step progress/wizard component for Vue.

Lightweight and customizable step-by-step progress/wizard component for Vue.

Furkan Başaran 7 Jun 3, 2021
Guided wizard to direct contributors

wizard-italia Guided wizard to direct contributors Project setup yarn install Compiles and hot-reloads for development yarn serve Compiles and minifie

Developers Italia 7 Jun 7, 2021
A simple stepper with simple actions such as next, back and end to perform simple forms.

Stepper Stepper for Vue. A simple stepper with simple actions such as next, back and finish to perform simple forms. Live Demo Installation npm instal

Pygmy Slow Loris 327 May 28, 2021
Vue Tour is a lightweight, simple and customizable guided tour plugin for use with Vue.js. It provides a quick and easy way to guide your users through your application.

Vue Tour Vue Tour is a lightweight, simple and customizable tour plugin for use with Vue.js. It provides a quick and easy way to guide your users thro

Pulsar 1.7k Jun 12, 2021