CSR-258

src/common-components/funnel-sub-header/funnel-sub-header.vue

@@ -12,6 +12,18 @@
         />
     </h5>
     </div>
+    <div class="d-flex align-items-center justify-content-center container-fluid overflow-hidden">
+      <p class="text-center small fw-normal mb-0">
+        <span>
+          {{ subText }}
+        </span>
+        <buttonBack
+          v-if="hasBackButton"
+          :backButtonAccessibleText="backButtonAccessibleText"
+          @click-event="clickEvent"
+        />
+    </p>
+    </div>
   </div>
 </template>
 
@@ -23,6 +35,7 @@ export default {
   data() {
     return {
       text: '',
+      subText: ''
     }
   },
   props: {
@@ -38,6 +51,7 @@ export default {
     },
     initializeComponent(cmsContent) {
       this.text = cmsContent.HeaderText;
+      this.subText = cmsContent.HeaderSubText;
     }
   },
 };