From 74caf2684efd28365571d913912f5f9ed8daa393 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Luk=C3=A1=C5=A1=20Kub=C3=AD=C4=8Dek?=
 <lukas.kubicek@ulekare.cz>
Date: Thu, 4 Mar 2021 15:39:11 +0100
Subject: [PATCH] add fallback to step number if no icon is defined

---
 src/HorizontalStepper.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/HorizontalStepper.vue b/src/HorizontalStepper.vue
index d3beaad..8cde091 100644
--- a/src/HorizontalStepper.vue
+++ b/src/HorizontalStepper.vue
@@ -11,9 +11,10 @@
                 <template v-for="(step, index) in steps">
                     <div :class="['step', isStepActive(index, step)]" :key="index" :style="{width: `${100 / steps.length}%`}">
                         <div class="circle">
-                            <i class="material-icons md-18">
+                            <i v-if="step.completed || step.icon" class="material-icons md-18">
                                 {{ (step.completed) ? 'done' : step.icon }}
                             </i>
+                            <span v-else>{{ index + 1 }}</span>
                         </div>
                         <div class="step-title">
                             <h4>{{step.title}}</h4>