diff --git a/components/checkbox/demo/check-all.vue b/components/checkbox/demo/check-all.vue
index db46903e6..b1a3f09d3 100644
--- a/components/checkbox/demo/check-all.vue
+++ b/components/checkbox/demo/check-all.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <div :style="{ borderBottom: '1px solid #E9E9E9' }">
-      a-checkbox
+      <a-checkbox
         :indeterminate="indeterminate"
         @change="onCheckAllChange"
         :checked="checkAll"
@@ -10,7 +10,7 @@
       </a-checkbox>
     </div>
     <br />
-    a-checkboxGroup :options="plainOptions" v-model="checkedList" @change="onChange" />
+    <a-checkbox-group :options="plainOptions" v-model="checkedList" @change="onChange" />
   </div>
 </template>
 <script>
diff --git a/components/checkbox/demo/controller.vue b/components/checkbox/demo/controller.vue
index 154a7efec..72e38acf2 100644
--- a/components/checkbox/demo/controller.vue
+++ b/components/checkbox/demo/controller.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <p :style="{ marginBottom: '20px' }">
-      a-checkbox
+      <a-checkbox
         :checked="checked"
         :disabled="disabled"
         @change="onChange"
diff --git a/components/checkbox/demo/group.vue b/components/checkbox/demo/group.vue
index 586f843fa..b7cfcc6a3 100644
--- a/components/checkbox/demo/group.vue
+++ b/components/checkbox/demo/group.vue
@@ -1,12 +1,12 @@
 <template>
   <div>
-    a-checkboxGroup :options="plainOptions" v-model="value" @change="onChange" />
+    <a-checkbox-group :options="plainOptions" v-model="value" @change="onChange" />
     <br />
-    a-checkboxGroup :options="plainOptions" :defaultValue="['Apple']" @change="onChange" />
+    <a-checkbox-group :options="plainOptions" :defaultValue="['Apple']" @change="onChange" />
     <br />
-    a-checkboxGroup :options="options" :value="['Pear']" @change="onChange" />
+    <a-checkbox-group :options="options" :value="['Pear']" @change="onChange" />
     <br />
-    a-checkboxGroup :options="optionsWithDisabled" disabled :defaultValue="['Apple']" @change="onChange" />
+    <a-checkbox-group :options="optionsWithDisabled" disabled :defaultValue="['Apple']" @change="onChange" />
   </div>
 </template>
 <script>
@@ -39,7 +39,6 @@ export default {
   },
   components: {
     Checkbox,
-    CheckboxGroup: Checkbox.Group,
   },
 }
 </script>
diff --git a/components/index.js b/components/index.js
index 9ec887a8c..c3faa56eb 100644
--- a/components/index.js
+++ b/components/index.js
@@ -2,7 +2,9 @@ import Button from './button'
 const ButtonGroup = Button.Group
 export { Button, ButtonGroup }
 
-export { default as Checkbox } from './checkbox'
+import Checkbox from './checkbox'
+const CheckboxGroup = Checkbox.Group
+export { Checkbox, CheckboxGroup }
 
 export { default as Icon } from './icon'