diff --git a/example/App.vue b/example/App.vue
index d1cae91..e36c862 100644
--- a/example/App.vue
+++ b/example/App.vue
@@ -10,6 +10,10 @@
     <emqx-button type="primary" size="small">test</emqx-button>
     <emqx-button type="primary" size="mini">test</emqx-button>
   </div>
+  <div class="show-item">
+    <emqx-button icon="el-icon-search" circle></emqx-button>
+    <emqx-button icon="el-icon-plus" circle size="mini"></emqx-button>
+  </div>
   <h2>Input</h2>
   <div class="show-item">
     <emqx-input v-model="testInput" placeholder="test" style="margin-bottom: 20px"></emqx-input>
diff --git a/packages/Option/src/option.vue b/packages/Option/src/option.vue
index b6ebb63..5971304 100644
--- a/packages/Option/src/option.vue
+++ b/packages/Option/src/option.vue
@@ -1,5 +1,7 @@
 <template>
-  <el-option class="emqx-option"></el-option>
+  <el-option class="emqx-option">
+    <slot></slot>
+  </el-option>
 </template>
 
 <script lang="ts">
diff --git a/packages/TableColumn/src/table-column.vue b/packages/TableColumn/src/table-column.vue
index 64904d8..82112b4 100644
--- a/packages/TableColumn/src/table-column.vue
+++ b/packages/TableColumn/src/table-column.vue
@@ -1,7 +1,7 @@
 <template>
   <el-table-column class="emqx-table-column">
     <template v-if="$slots.default" #default="scope">
-      <slot :row="scope.row"></slot>
+      <slot :row="scope.row" :index="scope.$index"></slot>
     </template>
   </el-table-column>
 </template>
diff --git a/packages/styles/components/button.scss b/packages/styles/components/button.scss
index 2be702b..eda113d 100644
--- a/packages/styles/components/button.scss
+++ b/packages/styles/components/button.scss
@@ -1,3 +1,16 @@
 .emqx-button.el-button {
   border-radius: 8px;
+  &.is-circle {
+    padding: 16px;
+    width: 47px;
+    height: 47px;
+    i {
+      font-size: 14px;
+    }
+  }
+  &.el-button--mini.is-circle {
+    width: 32px;
+    height: 32px;
+    padding: 8px;
+  }
 }