add previous step and next step labels

xaksis · Feb 21, 2018 · 53c1376 · 53c1376
1 parent dbd2dfb
commit 53c1376
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/components/Wizard.vue b/components/Wizard.vue
@@ -11,10 +11,10 @@
     <div class="wizard__body">
       <div class="wizard__body__step"><slot :name="currentSlot"></slot></div>
       <div class="wizard__body__actions clearfix">
-        <a v-if="backEnabled" class="wizard__back pull-left" @click="goBack()"> <img src="../images/back.png" alt="next icon"> <span>Back</span> 
+        <a v-if="backEnabled" class="wizard__back pull-left" @click="goBack()"> <img src="../images/back.png" alt="next icon"> <span>{{previousStepLabel}}</span> 
         </a>
         <a v-if="currentStep != steps.length - 1" class="wizard__next pull-right" @click="goNext()">
-          <span>Next</span> <img src="../images/next.png" alt="next icon">
+          <span>{{nextStepLabel}}</span> <img src="../images/next.png" alt="next icon">
         </a>
         <a v-if="currentStep == steps.length - 1" class="wizard__next pull-right final-step" @click="goNext()">
           {{finalStepLabel}}
@@ -31,6 +31,8 @@ export default {
 
   props: {
     steps: {},
+    previousStepLabel: {default: 'Back'},
+    nextStepLabel: {default: 'Next'},
     finalStepLabel: {default: 'Save'},
     onNext: {},
     onBack: {},
@@ -247,4 +249,4 @@ export default {
   background-color: #6eb165;
 }
 
-</style>
+</style>
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vue-good-wizard",
-  "version": "1.1.2",
+  "version": "1.1.3",
   "description": "An easy and clean VueJS 2.x wizard plugin ",
   "main": "index.js",
   "scripts": {