@ricadesign/vue-stepper v1.0.5

vue-stepper

Vue stepper component to be used with Vuex and Vue Router

Installation:

npm install @ricadesign/vue-stepper

Usage

import Stepper from '@ricadesign/vue-stepper'
Vue.use(Stepper { store, routes })

<stepper></stepper>

Styling:

@import '~@ricadesign/vue-stepper/dist/stepper';

You can pass the following color props to style the stepper. When using both primary and secondary colors, a background gradient will be shown.

An image route may also be passed. It will be shown instead of the number once a step is completed:

Events emitted:

Changing maxIndex:

If needed, use this.$store.commit('steps/setStepsMaxIndex', routeName) to change the max index allowed to be navigated to.