v2 first commit

resources/assets/js/components/Timeline/TimeLine.vue

@@ -0,0 +1,17 @@
+<template>
+  <div class="timeline" :class="{[`timeline-${type}`]: type}">
+    <slot></slot>
+  </div>
+</template>
+<script>
+  export default {
+    name: 'time-line',
+    props: {
+      type: {
+        type: String,
+        default: ''
+      }
+    }
+  };
+</script>
+<style></style>

resources/assets/js/components/Timeline/TimeLineItem.vue

@@ -0,0 +1,30 @@
+<template>
+  <div class="timeline-block" :class="{ 'timeline-inverted': inverted }">
+    <slot name="badge">
+      <span class="timeline-step" :class="`badge-${badgeType}`">
+        <i :class="badgeIcon"></i>
+      </span>
+    </slot>
+    <div class="timeline-content">
+      <slot></slot>
+    </div>
+  </div>
+</template>
+<script>
+  export default {
+    name: 'time-line-item',
+    props: {
+      inverted: Boolean,
+      title: String,
+      badgeType: {
+        type: String,
+        default: 'success'
+      },
+      badgeIcon: {
+        type: String,
+        default: ''
+      }
+    }
+  };
+</script>
+<style></style>