diff --git a/docs/.vitepress/vitepress/components/globals/vp-api-typing.vue b/docs/.vitepress/vitepress/components/globals/vp-api-typing.vue
new file mode 100644
index 0000000000000..902ef0fe9bbfa
--- /dev/null
+++ b/docs/.vitepress/vitepress/components/globals/vp-api-typing.vue
@@ -0,0 +1,26 @@
+<script setup lang="ts">
+import { Warning } from '@element-plus/icons-vue'
+
+defineProps({
+  type: String,
+  details: String,
+})
+</script>
+
+<template>
+  <span class="flex items-center">
+    <span class="api-typing">
+      {{ type }}
+    </span>
+    <el-tooltip effect="light" trigger="click">
+      <el-button text :icon="Warning" class="p-2 text-5" />
+      <template #content>
+        <div class="m-1">
+          <code>
+            {{ details }}
+          </code>
+        </div>
+      </template>
+    </el-tooltip>
+  </span>
+</template>
diff --git a/docs/.vitepress/vitepress/index.ts b/docs/.vitepress/vitepress/index.ts
index f059e4c21dadd..a2289e9794766 100644
--- a/docs/.vitepress/vitepress/index.ts
+++ b/docs/.vitepress/vitepress/index.ts
@@ -15,6 +15,7 @@ import 'uno.css'
 
 import VPApp from './components/vp-app.vue'
 import VPDemo from './components/vp-demo.vue'
+import ApiTyping from './components/globals/vp-api-typing.vue'
 import IconList from './components/globals/icons.vue'
 
 import type { Component } from 'vue'
@@ -25,4 +26,5 @@ export default VPApp
 export const globals: [string, Component][] = [
   ['Demo', VPDemo],
   ['IconList', IconList],
+  ['ApiTyping', ApiTyping],
 ]
diff --git a/docs/components.d.ts b/docs/components.d.ts
index c90420357f33d..59c14499df52a 100644
--- a/docs/components.d.ts
+++ b/docs/components.d.ts
@@ -59,6 +59,7 @@ declare module '@vue/runtime-core' {
     ToggleSidebarBtn: typeof import('./.vitepress/vitepress/components/subnav/toggle-sidebar-btn.vue')['default']
     TopNavigationExample: typeof import('./.vitepress/vitepress/components/nav/top-navigation-example.vue')['default']
     VersionTag: typeof import('./.vitepress/vitepress/components/dev/VersionTag.vue')['default']
+    VpApiTyping: typeof import('./.vitepress/vitepress/components/globals/vp-api-typing.vue')['default']
     VpApp: typeof import('./.vitepress/vitepress/components/vp-app.vue')['default']
     VpChangelog: typeof import('./.vitepress/vitepress/components/globals/vp-changelog.vue')['default']
     VpContent: typeof import('./.vitepress/vitepress/components/vp-content.vue')['default']