diff --git a/docs/examples/radio.md b/docs/examples/radio.md
index 75a86f5f0..47fdbd35f 100644
--- a/docs/examples/radio.md
+++ b/docs/examples/radio.md
@@ -1 +1,25 @@
+<script>
+export default {
+  data() {
+    return {
+      radio: '1'
+    };
+  }
+};
+</script>
+
 ## Radio组件
+
+### 基础用法
+
+:::demo
+```html
+<o2-radio v-model="radio"></o2-radio>
+```
+:::
+
+### API
+
+| 参数       | 说明      | 类型       | 默认值       | 可选值       |
+|-----------|-----------|-----------|-------------|-------------|
+| disabled | 是否禁用单选框 | Boolean  | false |   |
diff --git a/packages/radio/src/radio-group.vue b/packages/radio/src/radio-group.vue
new file mode 100644
index 000000000..1e8417089
--- /dev/null
+++ b/packages/radio/src/radio-group.vue
@@ -0,0 +1,11 @@
+<template>
+  <div class="o2-radio-group">
+    <slot></slot>
+  </div>
+</template>
+
+<script>
+export default {
+
+};
+</script>
diff --git a/packages/radio/src/radio.vue b/packages/radio/src/radio.vue
index 789b41ee4..642e1e5a6 100644
--- a/packages/radio/src/radio.vue
+++ b/packages/radio/src/radio.vue
@@ -1,11 +1,28 @@
 <template>
-  <div>
-    
-  </div>
+  <o2-cell
+    class="o2-radio"
+    :class="{
+      'is-disabled': disabled
+    }">
+  </o2-cell>
 </template>
 
 <script>
+import O2Cell from 'packages/cell';
+
 export default {
-  name: 'o2-radio'
+  name: 'o2-radio',
+
+  components: {
+    O2Cell
+  },
+
+  props: {
+    disabled: Boolean,
+    value: {}
+  },
+
+  created() {
+  }
 };
 </script>