diff --git a/docs/web/api/breadcrumb.en-US.md b/docs/web/api/breadcrumb.en-US.md
index 68dfa68b66..c9b38a74df 100644
--- a/docs/web/api/breadcrumb.en-US.md
+++ b/docs/web/api/breadcrumb.en-US.md
@@ -1,6 +1,6 @@
 ---
 title: Breadcrumb
-description:Displays the position of the current page in the system hierarchy, and can return to any previous page level.
+description: Displays the position of the current page in the system hierarchy, and can return to any previous page level.
 isComponent: true
 usage: { title: '', description: '' }
 spline: navigation
diff --git a/docs/web/api/drawer.en-US.md b/docs/web/api/drawer.en-US.md
index 4ade1d9699..543af32033 100644
--- a/docs/web/api/drawer.en-US.md
+++ b/docs/web/api/drawer.en-US.md
@@ -1,7 +1,7 @@
 ---
 
 title: Drawer
-description:Drawers are often opened by clicking on adjacent button controls, floating panels that slide in from the edge of the screen, also known as half-screen pop-ups.
+description: Drawers are often opened by clicking on adjacent button controls, floating panels that slide in from the edge of the screen, also known as half-screen pop-ups.
 isComponent: true
 usage: { title: '', description: '' }
 spline: message
diff --git a/docs/web/api/dropdown.en-US.md b/docs/web/api/dropdown.en-US.md
index 08f1ffe379..bd70ffc859 100644
--- a/docs/web/api/dropdown.en-US.md
+++ b/docs/web/api/dropdown.en-US.md
@@ -1,6 +1,6 @@
 ---
 title: Dropdown
-description:It is used to carry too many operation sets and accept more operations through drop-down expansion.
+description: It is used to carry too many operation sets and accept more operations through drop-down expansion.
 isComponent: true
 usage: { title: "", description: "" }
 spline: navigation
diff --git a/docs/web/api/menu.en-US.md b/docs/web/api/menu.en-US.md
index e68339ad6f..b555506c0c 100644
--- a/docs/web/api/menu.en-US.md
+++ b/docs/web/api/menu.en-US.md
@@ -1,6 +1,6 @@
 ---
 title: Menu
-description:Used to host the architecture of the site and provide a menu list to jump to.
+description: Used to host the architecture of the site and provide a menu list to jump to.
 isComponent: true
 usage: { title: '', description: '' }
 spline: navigation
diff --git a/docs/web/api/message.en-US.md b/docs/web/api/message.en-US.md
index ba2e705e8b..ac401500c4 100644
--- a/docs/web/api/message.en-US.md
+++ b/docs/web/api/message.en-US.md
@@ -1,5 +1,6 @@
 ---
-title: Message global prompt description:Provide lightweight global feedback on user actions.
+title: Message
+description: Provide lightweight global feedback on user actions.
 isComponent: true
 usage: { title: '', description: '' }
 spline: message
diff --git a/docs/web/api/notification.en-US.md b/docs/web/api/notification.en-US.md
index ac9293fdd5..0125ede4f2 100644
--- a/docs/web/api/notification.en-US.md
+++ b/docs/web/api/notification.en-US.md
@@ -1,5 +1,6 @@
 ---
-title: Notification Message Notification description:A lightweight global message prompt and confirmation mechanism that requires slow animation when appearing and disappearing.
+title: Notification
+description: A lightweight global message prompt and confirmation mechanism that requires slow animation when appearing and disappearing.
 isComponent: true
 usage: { title: '', description: '' }
 spline: message
diff --git a/docs/web/api/pagination.en-US.md b/docs/web/api/pagination.en-US.md
index 17baf9afac..ea8a7bd983 100644
--- a/docs/web/api/pagination.en-US.md
+++ b/docs/web/api/pagination.en-US.md
@@ -1,6 +1,6 @@
 ---
 title: Pagination
-description:Controls for switching content within a module.
+description: Controls for switching content within a module.
 isComponent: true
 usage: { title: '', description: '' }
 spline: navigation
diff --git a/docs/web/api/popconfirm.en-US.md b/docs/web/api/popconfirm.en-US.md
index 81e4c69ac1..bb7a5dfabb 100644
--- a/docs/web/api/popconfirm.en-US.md
+++ b/docs/web/api/popconfirm.en-US.md
@@ -1,5 +1,6 @@
 ---
-title: Popconfirm Bubble confirmation box description:The bubble confirmation box is usually used for secondary confirmation scenarios that do not cause serious consequences. It will pop up a floating layer on the clicked element to prompt confirmation. The bubble confirmation box has no mask. Click the area outside the confirmation box to close it.
+title: Popconfirm
+description: The bubble confirmation box is usually used for secondary confirmation scenarios that do not cause serious consequences. It will pop up a floating layer on the clicked element to prompt confirmation. The bubble confirmation box has no mask. Click the area outside the confirmation box to close it.
 isComponent: true
 usage: { title: '', description: '' }
 spline: message
diff --git a/docs/web/api/popup.en-US.md b/docs/web/api/popup.en-US.md
index e5d728930c..4da67d45a6 100644
--- a/docs/web/api/popup.en-US.md
+++ b/docs/web/api/popup.en-US.md
@@ -1,5 +1,6 @@
 ---
-title: Popup description:The pop-up layer component is the basis for the implementation of other pop-up window components such as the bubble confirmation box. When the capabilities provided by these components cannot meet the customization requirements, they can be encapsulated on the basis of the pop-up layer component.
+title: Popup
+description: The pop-up layer component is the basis for the implementation of other pop-up window components such as the bubble confirmation box. When the capabilities provided by these components cannot meet the customization requirements, they can be encapsulated on the basis of the pop-up layer component.
 isComponent: true
 usage: { title: '', description: '' }
 spline: message