diff --git a/devui/button/src/button.tsx b/devui/button/src/button.tsx
index 07c748126786f1f83538454ab9d201efcc37f760..aaab4595c698faa000922071547d60225f395706 100644
--- a/devui/button/src/button.tsx
+++ b/devui/button/src/button.tsx
@@ -44,7 +44,7 @@ export default defineComponent({
     },
     width: {
       type: Number,
-      default: 0
+      default: null
     },
     disabled: {
       type: Boolean,
diff --git a/sites/components/status/index.md b/sites/components/status/index.md
new file mode 100644
index 0000000000000000000000000000000000000000..4f0996af9e55d7a76e0efcb2bae893705c4eba01
--- /dev/null
+++ b/sites/components/status/index.md
@@ -0,0 +1,26 @@
+# Status 状态
+
+传达交互结果的组件。
+
+### 何时使用
+
+表示一个任务的执行结果时使用。
+
+### 基本用法
+<d-status type="success">Success</d-status>
+<d-status type="error">Error</d-status>
+<d-status type="warning">Warning</d-status>
+<d-status type="initial">Initial</d-status>
+<d-status type="waiting">Waiting</d-status>
+<d-status type="running">Running</d-status>
+<d-status type="invalid">Invalid</d-status>
+
+```html
+<d-status type="success">Success</d-status>
+<d-status type="error">Error</d-status>
+<d-status type="warning">Warning</d-status>
+<d-status type="initial">Initial</d-status>
+<d-status type="waiting">Waiting</d-status>
+<d-status type="running">Running</d-status>
+<d-status type="invalid">Invalid</d-status>
+```
\ No newline at end of file
diff --git a/sites/index.md b/sites/index.md
index 3380e0697efb277f21e2ff5111bc52b5783cdc44..403f7e8fb3dc5d310d7e2d49bdda881fadc60f1d 100644
--- a/sites/index.md
+++ b/sites/index.md
@@ -33,7 +33,7 @@ main.ts
 import DevUI from 'vue-devui'
 import 'vue-devui/style.css'
 
-createApp(App).use(DevUI).mount(#app)
+createApp(App).use(DevUI).mount('#app')
 ```
 
 ### 4. 启动开发调试