Skip to content

Latest commit

 

History

History
41 lines (29 loc) · 1.17 KB

README.md

File metadata and controls

41 lines (29 loc) · 1.17 KB

vue-step-progression

NPM version NPM downloads

Easily build a multi-step checkout process with the vue-step-progression component.

GIF DEMO

Install

npm i vue-step-progression

See the demo

Edit vue-step-progression 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