diff --git a/src/HorizontalStepper.scss b/src/HorizontalStepper.scss index faedcc9..8bccab4 100644 --- a/src/HorizontalStepper.scss +++ b/src/HorizontalStepper.scss @@ -57,8 +57,8 @@ align-items: center; justify-content: space-between; &.next { - border: 2px solid #3383c8; - color: #3383c8; + border: 2px solid #d80000; + color: #d80000; right: 1%; &.deactivated { border: 2px solid #cccccc !important; @@ -122,7 +122,7 @@ padding: 0 1rem; background-color: white; i { - background-color: #3383c8; + background-color: #d80000; color: #fff; border-radius: 100rem; padding: 1rem; @@ -171,7 +171,7 @@ align-items: center; justify-content: space-between; &.next { - background-color: #3383c8; + background-color: #d80000; color: white; @include shadow(1); &.deactivated { @@ -184,4 +184,4 @@ } } } -} \ No newline at end of file +} diff --git a/src/HorizontalStepper.vue b/src/HorizontalStepper.vue index d3beaad..16203d0 100644 --- a/src/HorizontalStepper.vue +++ b/src/HorizontalStepper.vue @@ -94,6 +94,10 @@ export default { reset: { type: Boolean, default: false + }, + review: { + type: Boolean, + default: false } }, @@ -151,6 +155,13 @@ export default { if (!back) { this.$emit("completed-step", this.previousStep); } + + if(this.review) { + if(this.steps[index].completed) { + this.canContinue = true; + } + } + } this.$emit("active-step", this.currentStep); },