feat(#75): add next step component

Realityloop · Jun 2, 2023 · c5c68bd · c5c68bd
1 parent 81f099a
commit c5c68bd
Showing 1 changed file with 46 additions and 0 deletions.
diff --git a/src/components/NextStep.vue b/src/components/NextStep.vue
@@ -0,0 +1,46 @@
+<template>
+  <div :class="`ct-next-step ${themeClass}`">
+    <div class="container">
+      <div class="row">
+        <div class="col-xxs-12">
+          <div class="ct-next-step__wrapper">
+            <div class="ct-next-step__inner">
+              <CTHeading class="ct-next-step__title" :level="4" :theme="theme">
+                <CTLink
+                  class="ct-next-step__title__link"
+                  :link="link"
+                  :text="title"
+                  :theme="theme"
+                  icon="right-arrow-2"
+                />
+              </CTHeading>
+
+              <CTParagraph v-if="$slots['default']" class="ct-next-step__content" :theme="theme">
+                <slot />
+              </CTParagraph>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import ThemeMixin from '../mixins/theme'
+
+export default {
+  mixins: [ThemeMixin],
+
+  props: {
+    link: {
+      type: String,
+      default: '#'
+    },
+    title: {
+      type: String,
+      default: undefined
+    }
+  }
+}
+</script>