diff --git a/components.json b/components.json
index eded4963f..4cd925021 100644
--- a/components.json
+++ b/components.json
@@ -20,5 +20,6 @@
   "checkbox-group": "./packages/checkbox-group/index.js",
   "badge-group": "./packages/badge-group/index.js",
   "badge": "./packages/badge/index.js",
-  "search": "./packages/search/index.js"
+  "search": "./packages/search/index.js",
+  "step": "./packages/step/index.js"
 }
diff --git a/packages/step/index.js b/packages/step/index.js
new file mode 100644
index 000000000..2201de371
--- /dev/null
+++ b/packages/step/index.js
@@ -0,0 +1,3 @@
+import Step from 'packages/steps/src/step';
+
+export default Step;
diff --git a/packages/steps/src/step.vue b/packages/steps/src/step.vue
new file mode 100644
index 000000000..2adec5086
--- /dev/null
+++ b/packages/steps/src/step.vue
@@ -0,0 +1,11 @@
+<template>
+  <div class="zan-step">
+    
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'zan-step'
+};
+</script>
diff --git a/packages/steps/src/steps.vue b/packages/steps/src/steps.vue
index 0d2c38ebd..49616922c 100644
--- a/packages/steps/src/steps.vue
+++ b/packages/steps/src/steps.vue
@@ -1,18 +1,14 @@
 <template>
-  <div>
-    <h2>author: {{ author }}</h2>
-    <div>Hello {{ name }}</div>
+  <div class="zan-steps">
+    <div class="zan-steps__desc"></div>
+    <div class="zan-steps__items">
+      <slot></slot>
+    </div>
   </div>
 </template>
 
 <script>
   export default {
-    name: 'Sample',
-    props: ['author'],
-    data() {
-      return {
-        name: 'World'
-      };
-    }
+    name: 'zan-steps'
   };
 </script>