step component

packages/steps/src/step.vue

@@ -6,6 +6,10 @@
 
 <script>
 export default {
-  name: 'zan-step'
+  name: 'zan-step',
+
+  props: {
+    title: String
+  }
 };
 </script>

packages/steps/src/steps.vue

@@ -1,6 +1,8 @@
 <template>
   <div class="zan-steps">
-    <div class="zan-steps__desc"></div>
+    <div class="zan-steps__desc" v-if="icon">
+      <i class="zan-icon" :class="computedIconClass"></i>
+    </div>
     <div class="zan-steps__items">
       <slot></slot>
     </div>
@@ -8,7 +10,25 @@
 </template>
 
 <script>
-  export default {
-    name: 'zan-steps'
-  };
+export default {
+  name: 'zan-steps',
+
+  props: {
+    active: Number,
+    icon: String,
+    iconClass: String,
+    title: String,
+    description: String
+  },
+
+  computed: {
+    computedIconClass() {
+      let iconName = `zan-icon-${this.icon}`;
+      let result = (iconClass && iconClass.split(' ')) || [];
+      result.push(iconName);
+
+      return result;
+    }
+  }
+};
 </script>