diff --git a/site/components/api.vue b/site/components/api.vue
index 7d745eae3..ae4673103 100644
--- a/site/components/api.vue
+++ b/site/components/api.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class='markdown api-container'>
+  <div class='markdown api-container' id="component-api">
     <slot v-if="isZhCN" name="cn"></slot>
     <slot v-else></slot>
   </div>
diff --git a/site/components/demo.vue b/site/components/demo.vue
index f92620bd5..a29921fac 100644
--- a/site/components/demo.vue
+++ b/site/components/demo.vue
@@ -46,6 +46,14 @@ export default {
         <a-affix>
           <ul id='demo-toc' class='toc'>
             {lis}
+            <li title='API' key='API'>
+              <a
+                href='#component-api'
+                class={{
+                  current: window.location.hash === '#component-api',
+                }}
+              >API</a>
+            </li>
           </ul>
         </a-affix>
       )