@dazy/step-indicator
Advanced tools
+1
-2
| { | ||
| "name": "@dazy/step-indicator", | ||
| "version": "0.1.0", | ||
| "version": "0.1.2", | ||
| "scripts": { | ||
@@ -13,3 +13,2 @@ "serve": "vue-cli-service serve", | ||
| }, | ||
| "main": "./src/StepIndicator.vue", | ||
| "devDependencies": { | ||
@@ -16,0 +15,0 @@ "@vue/cli-plugin-babel": "^3.1.1", |
| <template> | ||
| <div class="step-progress"> | ||
@@ -7,3 +6,3 @@ <div class="step-progress__bar"> | ||
| </div> | ||
| <div class="step-progress__step" v-for="step, idx in steps" :class="{'is-active': (idx+1)==currentStep, 'is-completed': (currentStep > (idx+1))}"> | ||
| <div v-for="(step, idx) in steps" v-bind:key="step" class="step-progress__step" :class="{'is-active': (idx+1)==currentStep, 'is-completed': (currentStep > (idx+1))}"> | ||
| <span class="label-number">{{ idx+1 }}</span> | ||
@@ -10,0 +9,0 @@ <span class="label-text">{{ step.label }}</span> |
264806
-0.01%