vue-step-progression
v1.0.12
Published
A Vue component to help you build a multi-step form or other processes
Downloads
25
Maintainers
Readme
vue-step-progression
Easily build a multi-step checkout process with the vue-step-progression component.
Install
npm i vue-step-progression
See the demo
Basic Usage
<template>
<step-progression :steps="10" :currentStep="3" defaultColor="#000" currentStepColor="#ccc" />
</template>
<script>
import StepProgression from 'vue-step-progression'
export default {
components: {
StepProgression
}
}
</script>
Available Props
|Name|Type|Default|Description| |---|---|---|---| |steps|Number|3|Number of steps| |currentStep|Number|1|Current step location within steps| |currentStepColor|String|#1c61b2|Color of the current step| |defaultColor|String|#e7eaf0|Default color of each step|