diff --git a/site/package.json b/site/package.json
index 26e8fb07cc..a1e88bb06e 100644
--- a/site/package.json
+++ b/site/package.json
@@ -8,7 +8,7 @@
   },
   "dependencies": {
     "prismjs": "^1.25.0",
-    "tdesign-site-components": "~0.5.20",
+    "tdesign-site-components": "~0.5.28",
     "vue": "^3.2.26",
     "vue-router": "^4.0.12"
   },
diff --git a/site/plugin-doc/md-to-vue.js b/site/plugin-doc/md-to-vue.js
index 767349292f..710cde1e94 100644
--- a/site/plugin-doc/md-to-vue.js
+++ b/site/plugin-doc/md-to-vue.js
@@ -31,6 +31,7 @@ export default function mdToVue(options) {
             slot="doc-header"
             ref="tdDocHeader"
             spline="${mdSegment.spline}"
+            ${mdSegment.isComponent ? `component-name="${mdSegment.componentName}"` : ''}
           >
           </td-doc-header>`
             : ''