diff --git a/one/docs/demo/button/disabled.vue b/one/docs/demo/button/disabled.vue
index 4464d95..820257d 100644
--- a/one/docs/demo/button/disabled.vue
+++ b/one/docs/demo/button/disabled.vue
@@ -7,8 +7,8 @@
   </section>
   <section>
     <veui-button
-      :disabled="disabled"
       ui="primary"
+      :disabled="disabled"
     >
       Primary
     </veui-button>
@@ -16,28 +16,68 @@
       Normal
     </veui-button>
     <veui-button
+      ui="basic"
       :disabled="disabled"
-      ui="alt"
     >
-      Alternate
+      Basic
     </veui-button>
     <veui-button
+      ui="strong"
       :disabled="disabled"
-      ui="link"
     >
-      Link
+      Strong
+    </veui-button>
+    <veui-button
+      ui="translucent"
+      :disabled="disabled"
+    >
+      Translucent
+    </veui-button>
+  </section>
+  <section>
+    <veui-button
+      ui="text"
+      :disabled="disabled"
+    >
+      Text
+    </veui-button>
+    <veui-button
+      ui="icon"
+      :disabled="disabled"
+    >
+      <veui-icon name="home"/>
+    </veui-button>
+    <veui-button
+      ui="icon strong"
+      :disabled="disabled"
+    >
+      <veui-icon name="home"/>
+    </veui-button>
+    <veui-button
+      ui="icon aux"
+      :disabled="disabled"
+    >
+      <veui-icon name="home"/>
+    </veui-button>
+    <veui-button
+      ui="primary square"
+      :disabled="disabled"
+    >
+      <veui-icon name="home"/>
     </veui-button>
   </section>
 </article>
 </template>
 
 <script>
-import { Button, Checkbox } from 'veui'
+import { Button, Checkbox, Icon } from 'veui'
+import 'veui-theme-dls-icons/home'
 
 export default {
   components: {
     'veui-button': Button,
-    'veui-checkbox': Checkbox
+    'veui-checkbox': Checkbox,
+    'veui-icon': Icon
   },
   data () {
     return {
diff --git a/one/docs/demo/button/loading.vue b/one/docs/demo/button/loading.vue
index b3984f6..3518811 100644
--- a/one/docs/demo/button/loading.vue
+++ b/one/docs/demo/button/loading.vue
@@ -7,8 +7,8 @@
   </section>
   <section>
     <veui-button
-      :loading="loading"
       ui="primary"
+      :loading="loading"
     >
       Primary
     </veui-button>
@@ -16,20 +16,52 @@
       Normal
     </veui-button>
     <veui-button
+      ui="basic"
       :loading="loading"
+    >
+      Basic
+    </veui-button>
+    <veui-button
       ui="strong"
+      :loading="loading"
     >
       Strong
     </veui-button>
     <veui-button
+      ui="translucent"
       :loading="loading"
+    >
+      Translucent
+    </veui-button>
+  </section>
+  <section>
+    <veui-button
       ui="text"
+      :loading="loading"
     >
       Text
     </veui-button>
     <veui-button
-      :loading="loading"
       ui="icon"
+      :loading="loading"
+    >
+      <veui-icon name="home"/>
+    </veui-button>
+    <veui-button
+      ui="icon strong"
+      :loading="loading"
+    >
+      <veui-icon name="home"/>
+    </veui-button>
+    <veui-button
+      ui="icon aux"
+      :loading="loading"
+    >
+      <veui-icon name="home"/>
+    </veui-button>
+    <veui-button
+      ui="primary square"
+      :loading="loading"
     >
       <veui-icon name="home"/>
     </veui-button>
diff --git a/one/docs/demo/button/style.vue b/one/docs/demo/button/style.vue
index 44da75f..9c9003d 100644
--- a/one/docs/demo/button/style.vue
+++ b/one/docs/demo/button/style.vue
@@ -37,6 +37,7 @@
 
 <script>
 import { Button, Icon } from 'veui'
+import 'veui-theme-dls-icons/home'
 
 export default {
   components: {
diff --git a/one/docs/demo/embedded/size.vue b/one/docs/demo/embedded/size.vue
index c50b71c..ab93381 100644
--- a/one/docs/demo/embedded/size.vue
+++ b/one/docs/demo/embedded/size.vue
@@ -37,7 +37,7 @@ export default {
   },
   data () {
     return {
-      open: false
+      open: true
     }
   }
 }