diff --git a/lib/components/sidebar/active-link.tsx b/lib/components/sidebar/active-link.tsx
index a98c9e8..0ee1f49 100644
--- a/lib/components/sidebar/active-link.tsx
+++ b/lib/components/sidebar/active-link.tsx
@@ -36,7 +36,6 @@ const ActiveLink: React.FC<Props> = React.memo(({ href, text }) => {
           align-items: center;
           justify-content: flex-start;
           cursor: pointer;
-          text-transform: capitalize;
         }
 
         a {
diff --git a/lib/data/metadata-en-us.json b/lib/data/metadata-en-us.json
index 3833c17..e7da0ec 100644
--- a/lib/data/metadata-en-us.json
+++ b/lib/data/metadata-en-us.json
@@ -1 +1 @@
-[{"name":"guide","children":[{"name":"getting-started","children":[{"name":"introduction","url":"/en-us/guide/introduction","index":5,"group":"getting-started"},{"name":"installation","url":"/en-us/guide/installation","index":10,"group":"getting-started"},{"name":"Server Render","url":"/en-us/guide/server-render","index":15,"group":"getting-started"}]},{"name":"customization","children":[{"name":"Colors","url":"/en-us/guide/colors","index":20,"group":"customization"},{"name":"Themes","url":"/en-us/guide/themes","index":25,"group":"customization"},{"name":"Scaleable","url":"/en-us/guide/scaleable","index":30,"group":"customization"}]}]},{"name":"components","children":[{"name":"General","children":[{"name":"text","url":"/en-us/components/text","index":10,"group":"General"},{"name":"button","url":"/en-us/components/button","index":100,"group":"General"},{"name":"Code","url":"/en-us/components/code","index":100,"group":"General"},{"name":"Icons","url":"/en-us/components/icons","index":100,"group":"General"}]},{"name":"layout","children":[{"name":"Grid","url":"/en-us/components/grid","index":100,"group":"layout"},{"name":"Page","url":"/en-us/components/page","index":100,"group":"layout"},{"name":"Spacer","url":"/en-us/components/spacer","index":100,"group":"layout"}]},{"name":"Surfaces","children":[{"name":"card","url":"/en-us/components/card","index":100,"group":"Surfaces"},{"name":"collapse","url":"/en-us/components/collapse","index":100,"group":"Surfaces"},{"name":"fieldset","url":"/en-us/components/fieldset","index":100,"group":"Surfaces"}]},{"name":"Data Entry","children":[{"name":"Auto-Complete","url":"/en-us/components/auto-complete","index":100,"group":"Data Entry"},{"name":"Button-Group","url":"/en-us/components/button-group","index":100,"group":"Data Entry"},{"name":"checkbox","url":"/en-us/components/checkbox","index":100,"group":"Data Entry"},{"name":"Input","url":"/en-us/components/input","index":100,"group":"Data Entry"},{"name":"radio","url":"/en-us/components/radio","index":100,"group":"Data Entry"},{"name":"select","url":"/en-us/components/select","index":100,"group":"Data Entry"},{"name":"Slider","url":"/en-us/components/slider","index":100,"group":"Data Entry"},{"name":"textarea","url":"/en-us/components/textarea","index":100,"group":"Data Entry"},{"name":"Toggle","url":"/en-us/components/toggle","index":100,"group":"Data Entry"}]},{"name":"Data Display","children":[{"name":"avatar","url":"/en-us/components/avatar","index":100,"group":"Data Display"},{"name":"Badge","url":"/en-us/components/badge","index":100,"group":"Data Display"},{"name":"Capacity","url":"/en-us/components/capacity","index":100,"group":"Data Display"},{"name":"Description","url":"/en-us/components/description","index":100,"group":"Data Display"},{"name":"Display","url":"/en-us/components/display","index":100,"group":"Data Display"},{"name":"Dot","url":"/en-us/components/dot","index":100,"group":"Data Display"},{"name":"File-Tree","url":"/en-us/components/file-tree","index":100,"group":"Data Display"},{"name":"Image","url":"/en-us/components/image","index":100,"group":"Data Display"},{"name":"keyboard","url":"/en-us/components/keyboard","index":100,"group":"Data Display"},{"name":"Popover","url":"/en-us/components/popover","index":100,"group":"Data Display"},{"name":"Table","url":"/en-us/components/table","index":100,"group":"Data Display"},{"name":"Tag","url":"/en-us/components/tag","index":100,"group":"Data Display"},{"name":"Tooltip","url":"/en-us/components/tooltip","index":100,"group":"Data Display"},{"name":"User","url":"/en-us/components/user","index":100,"group":"Data Display"}]},{"name":"Feedback","children":[{"name":"Loading","url":"/en-us/components/loading","index":100,"group":"Feedback"},{"name":"modal","url":"/en-us/components/modal","index":100,"group":"Feedback"},{"name":"note","url":"/en-us/components/note","index":100,"group":"Feedback"},{"name":"Progress","url":"/en-us/components/progress","index":100,"group":"Feedback"},{"name":"Rating","url":"/en-us/components/rating","index":100,"group":"Feedback"},{"name":"Spinner","url":"/en-us/components/spinner","index":100,"group":"Feedback"},{"name":"toast","url":"/en-us/components/toast","index":100,"group":"Feedback"}]},{"name":"Navigation","children":[{"name":"breadcrumbs","url":"/en-us/components/breadcrumbs","index":100,"group":"Navigation"},{"name":"link","url":"/en-us/components/link","index":100,"group":"Navigation"},{"name":"Pagination","url":"/en-us/components/pagination","index":100,"group":"Navigation"},{"name":"tabs","url":"/en-us/components/tabs","index":100,"group":"Navigation"},{"name":"button-dropdown","url":"/en-us/components/button-dropdown","index":101,"group":"Navigation"}]},{"name":"Others","children":[{"name":"Divider","url":"/en-us/components/divider","index":100,"group":"Others"},{"name":"Snippet","url":"/en-us/components/snippet","index":100,"group":"Others"}]},{"name":"Utils","children":[{"name":"use-body-scroll","url":"/en-us/components/use-body-scroll","index":100,"group":"Utils"},{"name":"use-click-away","url":"/en-us/components/use-click-away","index":100,"group":"Utils"},{"name":"use-clipboard","url":"/en-us/components/use-clipboard","index":100,"group":"Utils"},{"name":"use-current-state","url":"/en-us/components/use-current-state","index":100,"group":"Utils"},{"name":"use-keyboard","url":"/en-us/components/use-keyboard","index":100,"group":"Utils"},{"name":"use-media-query","url":"/en-us/components/use-media-query","index":100,"group":"Utils"}]}]},{"name":"customization","children":[]}]
+[{"name":"guide","children":[{"name":"Getting Started","children":[{"name":"Introduction","url":"/en-us/guide/introduction","index":5,"group":"Getting Started"},{"name":"Installation","url":"/en-us/guide/installation","index":10,"group":"Getting Started"},{"name":"Server Render","url":"/en-us/guide/server-render","index":15,"group":"Getting Started"}]},{"name":"Customization","children":[{"name":"Colors","url":"/en-us/guide/colors","index":20,"group":"Customization"},{"name":"Themes","url":"/en-us/guide/themes","index":25,"group":"Customization"},{"name":"Scaleable","url":"/en-us/guide/scaleable","index":30,"group":"Customization"}]}]},{"name":"components","children":[{"name":"General","children":[{"name":"Text","url":"/en-us/components/text","index":10,"group":"General"},{"name":"Button","url":"/en-us/components/button","index":100,"group":"General"},{"name":"Code","url":"/en-us/components/code","index":100,"group":"General"},{"name":"Icons","url":"/en-us/components/icons","index":100,"group":"General"}]},{"name":"Layout","children":[{"name":"Grid","url":"/en-us/components/grid","index":100,"group":"Layout"},{"name":"Page","url":"/en-us/components/page","index":100,"group":"Layout"},{"name":"Spacer","url":"/en-us/components/spacer","index":100,"group":"Layout"}]},{"name":"Surfaces","children":[{"name":"Card","url":"/en-us/components/card","index":100,"group":"Surfaces"},{"name":"Collapse","url":"/en-us/components/collapse","index":100,"group":"Surfaces"},{"name":"Fieldset","url":"/en-us/components/fieldset","index":100,"group":"Surfaces"}]},{"name":"Data Entry","children":[{"name":"Autocomplete","url":"/en-us/components/auto-complete","index":100,"group":"Data Entry"},{"name":"Button Group","url":"/en-us/components/button-group","index":100,"group":"Data Entry"},{"name":"Checkbox","url":"/en-us/components/checkbox","index":100,"group":"Data Entry"},{"name":"Input","url":"/en-us/components/input","index":100,"group":"Data Entry"},{"name":"Radio","url":"/en-us/components/radio","index":100,"group":"Data Entry"},{"name":"Select","url":"/en-us/components/select","index":100,"group":"Data Entry"},{"name":"Slider","url":"/en-us/components/slider","index":100,"group":"Data Entry"},{"name":"Textarea","url":"/en-us/components/textarea","index":100,"group":"Data Entry"},{"name":"Toggle","url":"/en-us/components/toggle","index":100,"group":"Data Entry"}]},{"name":"Data Display","children":[{"name":"Avatar","url":"/en-us/components/avatar","index":100,"group":"Data Display"},{"name":"Badge","url":"/en-us/components/badge","index":100,"group":"Data Display"},{"name":"Capacity","url":"/en-us/components/capacity","index":100,"group":"Data Display"},{"name":"Description","url":"/en-us/components/description","index":100,"group":"Data Display"},{"name":"Display","url":"/en-us/components/display","index":100,"group":"Data Display"},{"name":"Dot","url":"/en-us/components/dot","index":100,"group":"Data Display"},{"name":"File Tree","url":"/en-us/components/file-tree","index":100,"group":"Data Display"},{"name":"Image","url":"/en-us/components/image","index":100,"group":"Data Display"},{"name":"Keyboard","url":"/en-us/components/keyboard","index":100,"group":"Data Display"},{"name":"Popover","url":"/en-us/components/popover","index":100,"group":"Data Display"},{"name":"Table","url":"/en-us/components/table","index":100,"group":"Data Display"},{"name":"Tag","url":"/en-us/components/tag","index":100,"group":"Data Display"},{"name":"Tooltip","url":"/en-us/components/tooltip","index":100,"group":"Data Display"},{"name":"User","url":"/en-us/components/user","index":100,"group":"Data Display"}]},{"name":"Feedback","children":[{"name":"Loading","url":"/en-us/components/loading","index":100,"group":"Feedback"},{"name":"Modal","url":"/en-us/components/modal","index":100,"group":"Feedback"},{"name":"Note","url":"/en-us/components/note","index":100,"group":"Feedback"},{"name":"Progress","url":"/en-us/components/progress","index":100,"group":"Feedback"},{"name":"Rating","url":"/en-us/components/rating","index":100,"group":"Feedback"},{"name":"Spinner","url":"/en-us/components/spinner","index":100,"group":"Feedback"},{"name":"Toast","url":"/en-us/components/toast","index":100,"group":"Feedback"}]},{"name":"Navigation","children":[{"name":"Breadcrumbs","url":"/en-us/components/breadcrumbs","index":100,"group":"Navigation"},{"name":"Link","url":"/en-us/components/link","index":100,"group":"Navigation"},{"name":"Pagination","url":"/en-us/components/pagination","index":100,"group":"Navigation"},{"name":"Tabs","url":"/en-us/components/tabs","index":100,"group":"Navigation"},{"name":"Button Dropdown","url":"/en-us/components/button-dropdown","index":101,"group":"Navigation"}]},{"name":"Others","children":[{"name":"Divider","url":"/en-us/components/divider","index":100,"group":"Others"},{"name":"Snippet","url":"/en-us/components/snippet","index":100,"group":"Others"}]},{"name":"Utils","children":[{"name":"useBodyScroll","url":"/en-us/components/use-body-scroll","index":100,"group":"Utils"},{"name":"useClickAway","url":"/en-us/components/use-click-away","index":100,"group":"Utils"},{"name":"useClipboard","url":"/en-us/components/use-clipboard","index":100,"group":"Utils"},{"name":"useCurrentState","url":"/en-us/components/use-current-state","index":100,"group":"Utils"},{"name":"useKeyboard","url":"/en-us/components/use-keyboard","index":100,"group":"Utils"},{"name":"useMediaQuery","url":"/en-us/components/use-media-query","index":100,"group":"Utils"}]}]},{"name":"customization","children":[]}]
diff --git a/lib/data/metadata-zh-cn.json b/lib/data/metadata-zh-cn.json
index feb9656..9d2e824 100644
--- a/lib/data/metadata-zh-cn.json
+++ b/lib/data/metadata-zh-cn.json
@@ -1 +1 @@
-[{"name":"guide","children":[{"name":"快速上手","children":[{"name":"什么是 Geist UI","url":"/zh-cn/guide/introduction","index":5,"group":"快速上手"},{"name":"安装","url":"/zh-cn/guide/installation","index":10,"group":"快速上手"},{"name":"服务端渲染","url":"/zh-cn/guide/server-render","index":15,"group":"快速上手"}]},{"name":"定制化","children":[{"name":"色彩","url":"/zh-cn/guide/colors","index":5,"group":"定制化"},{"name":"主题","url":"/zh-cn/guide/themes","index":10,"group":"定制化"},{"name":"可伸缩性","url":"/zh-cn/guide/scaleable","index":20,"group":"定制化"}]}],"localeName":"上手指南"},{"name":"components","children":[{"name":"通用","children":[{"name":"文本 Text","url":"/zh-cn/components/text","index":10,"group":"通用"},{"name":"按钮 Button","url":"/zh-cn/components/button","index":100,"group":"通用"},{"name":"代码 Code","url":"/zh-cn/components/code","index":100,"group":"通用"},{"name":"图标 Icons","url":"/zh-cn/components/icons","index":100,"group":"通用"}]},{"name":"布局","children":[{"name":"栅格 Grid","url":"/zh-cn/components/grid","index":100,"group":"布局"},{"name":"页面 Page","url":"/zh-cn/components/page","index":100,"group":"布局"},{"name":"间距 Spacer","url":"/zh-cn/components/spacer","index":100,"group":"布局"}]},{"name":"表面","children":[{"name":"卡片 Card","url":"/zh-cn/components/card","index":100,"group":"表面"},{"name":"折叠框 Collapse","url":"/zh-cn/components/collapse","index":100,"group":"表面"},{"name":"控件组 Fieldset","url":"/zh-cn/components/fieldset","index":100,"group":"表面"}]},{"name":"数据录入","children":[{"name":"按钮组 Button-Group","url":"/zh-cn/components/button-group","index":100,"group":"数据录入"},{"name":"复选框 Checkbox","url":"/zh-cn/components/checkbox","index":100,"group":"数据录入"},{"name":"输入框 Input","url":"/zh-cn/components/input","index":100,"group":"数据录入"},{"name":"单选框 Radio","url":"/zh-cn/components/radio","index":100,"group":"数据录入"},{"name":"选择器 Select","url":"/zh-cn/components/select","index":100,"group":"数据录入"},{"name":"滑动输入 Slider","url":"/zh-cn/components/slider","index":100,"group":"数据录入"},{"name":"文本输入框 Textarea","url":"/zh-cn/components/textarea","index":100,"group":"数据录入"},{"name":"开关 Toggle","url":"/zh-cn/components/toggle","index":100,"group":"数据录入"},{"name":"自动完成 Auto-Complete","url":"/zh-cn/components/auto-complete","index":104,"group":"数据录入"}]},{"name":"数据展示","children":[{"name":"头像 Avatar","url":"/zh-cn/components/avatar","index":100,"group":"数据展示"},{"name":"徽章 Badge","url":"/zh-cn/components/badge","index":100,"group":"数据展示"},{"name":"容量 Capacity","url":"/zh-cn/components/capacity","index":100,"group":"数据展示"},{"name":"描述 Description","url":"/zh-cn/components/description","index":100,"group":"数据展示"},{"name":"陈列框 Display","url":"/zh-cn/components/display","index":100,"group":"数据展示"},{"name":"点 Dot","url":"/zh-cn/components/dot","index":100,"group":"数据展示"},{"name":"文件树 File Tree","url":"/zh-cn/components/file-tree","index":100,"group":"数据展示"},{"name":"图片 Image","url":"/zh-cn/components/image","index":100,"group":"数据展示"},{"name":"键盘 keyboard","url":"/zh-cn/components/keyboard","index":100,"group":"数据展示"},{"name":"气泡卡片 Popover","url":"/zh-cn/components/popover","index":100,"group":"数据展示"},{"name":"表格 Table","url":"/zh-cn/components/table","index":100,"group":"数据展示"},{"name":"标签 Tag","url":"/zh-cn/components/tag","index":100,"group":"数据展示"},{"name":"文字提示 Tooltip","url":"/zh-cn/components/tooltip","index":100,"group":"数据展示"},{"name":"用户 User","url":"/zh-cn/components/user","index":100,"group":"数据展示"}]},{"name":"反馈","children":[{"name":"加载中 Loading","url":"/zh-cn/components/loading","index":100,"group":"反馈"},{"name":"对话框 Modal","url":"/zh-cn/components/modal","index":100,"group":"反馈"},{"name":"提示 Note","url":"/zh-cn/components/note","index":100,"group":"反馈"},{"name":"进度条 Progress","url":"/zh-cn/components/progress","index":100,"group":"反馈"},{"name":"评分 Rating","url":"/zh-cn/components/rating","index":100,"group":"反馈"},{"name":"指示器 Spinner","url":"/zh-cn/components/spinner","index":100,"group":"反馈"},{"name":"通知 Toast","url":"/zh-cn/components/toast","index":100,"group":"反馈"}]},{"name":"导航","children":[{"name":"面包屑 Breadcrumbs","url":"/zh-cn/components/breadcrumbs","index":100,"group":"导航"},{"name":"链接 Link","url":"/zh-cn/components/link","index":100,"group":"导航"},{"name":"分页 Pagination","url":"/zh-cn/components/pagination","index":100,"group":"导航"},{"name":"选项卡 Tabs","url":"/zh-cn/components/tabs","index":100,"group":"导航"},{"name":"下拉按钮 Btn Dropdown","url":"/zh-cn/components/button-dropdown","index":105,"group":"导航"}]},{"name":"其他","children":[{"name":"分割线 Divider","url":"/zh-cn/components/divider","index":100,"group":"其他"},{"name":"片段 Snippet","url":"/zh-cn/components/snippet","index":100,"group":"其他"}]},{"name":"工具包","children":[{"name":"锁定滚动 useBodyScroll","url":"/zh-cn/components/use-body-scroll","index":100,"group":"工具包"},{"name":"点击他处 useClickAway","url":"/zh-cn/components/use-click-away","index":100,"group":"工具包"},{"name":"剪切板 useClipboard","url":"/zh-cn/components/use-clipboard","index":100,"group":"工具包"},{"name":" 当前值 useCurrentState","url":"/zh-cn/components/use-current-state","index":100,"group":"工具包"},{"name":"键盘事件 useKeyboard","url":"/zh-cn/components/use-keyboard","index":100,"group":"工具包"},{"name":"媒体查询 useMediaQuery","url":"/zh-cn/components/use-media-query","index":100,"group":"工具包"}]}],"localeName":"所有组件"},{"name":"customization","children":[],"localeName":"定制化"}]
+[{"name":"guide","children":[{"name":"快速上手","children":[{"name":"什么是 Geist UI","url":"/zh-cn/guide/introduction","index":5,"group":"快速上手"},{"name":"安装","url":"/zh-cn/guide/installation","index":10,"group":"快速上手"},{"name":"服务端渲染","url":"/zh-cn/guide/server-render","index":15,"group":"快速上手"}]},{"name":"定制化","children":[{"name":"色彩","url":"/zh-cn/guide/colors","index":5,"group":"定制化"},{"name":"主题","url":"/zh-cn/guide/themes","index":10,"group":"定制化"},{"name":"可伸缩性","url":"/zh-cn/guide/scaleable","index":20,"group":"定制化"}]}],"localeName":"上手指南"},{"name":"components","children":[{"name":"通用","children":[{"name":"文本 Text","url":"/zh-cn/components/text","index":10,"group":"通用"},{"name":"按钮 Button","url":"/zh-cn/components/button","index":100,"group":"通用"},{"name":"代码 Code","url":"/zh-cn/components/code","index":100,"group":"通用"},{"name":"图标 Icons","url":"/zh-cn/components/icons","index":100,"group":"通用"}]},{"name":"布局","children":[{"name":"栅格 Grid","url":"/zh-cn/components/grid","index":100,"group":"布局"},{"name":"页面 Page","url":"/zh-cn/components/page","index":100,"group":"布局"},{"name":"间距 Spacer","url":"/zh-cn/components/spacer","index":100,"group":"布局"}]},{"name":"表面","children":[{"name":"卡片 Card","url":"/zh-cn/components/card","index":100,"group":"表面"},{"name":"折叠框 Collapse","url":"/zh-cn/components/collapse","index":100,"group":"表面"},{"name":"控件组 Fieldset","url":"/zh-cn/components/fieldset","index":100,"group":"表面"}]},{"name":"数据录入","children":[{"name":"按钮组 Button Group","url":"/zh-cn/components/button-group","index":100,"group":"数据录入"},{"name":"复选框 Checkbox","url":"/zh-cn/components/checkbox","index":100,"group":"数据录入"},{"name":"输入框 Input","url":"/zh-cn/components/input","index":100,"group":"数据录入"},{"name":"单选框 Radio","url":"/zh-cn/components/radio","index":100,"group":"数据录入"},{"name":"选择器 Select","url":"/zh-cn/components/select","index":100,"group":"数据录入"},{"name":"滑动输入 Slider","url":"/zh-cn/components/slider","index":100,"group":"数据录入"},{"name":"文本输入框 Textarea","url":"/zh-cn/components/textarea","index":100,"group":"数据录入"},{"name":"开关 Toggle","url":"/zh-cn/components/toggle","index":100,"group":"数据录入"},{"name":"自动完成 Autocomplete","url":"/zh-cn/components/auto-complete","index":104,"group":"数据录入"}]},{"name":"数据展示","children":[{"name":"头像 Avatar","url":"/zh-cn/components/avatar","index":100,"group":"数据展示"},{"name":"徽章 Badge","url":"/zh-cn/components/badge","index":100,"group":"数据展示"},{"name":"容量 Capacity","url":"/zh-cn/components/capacity","index":100,"group":"数据展示"},{"name":"描述 Description","url":"/zh-cn/components/description","index":100,"group":"数据展示"},{"name":"陈列框 Display","url":"/zh-cn/components/display","index":100,"group":"数据展示"},{"name":"点 Dot","url":"/zh-cn/components/dot","index":100,"group":"数据展示"},{"name":"文件树 File Tree","url":"/zh-cn/components/file-tree","index":100,"group":"数据展示"},{"name":"图片 Image","url":"/zh-cn/components/image","index":100,"group":"数据展示"},{"name":"键盘 keyboard","url":"/zh-cn/components/keyboard","index":100,"group":"数据展示"},{"name":"气泡卡片 Popover","url":"/zh-cn/components/popover","index":100,"group":"数据展示"},{"name":"表格 Table","url":"/zh-cn/components/table","index":100,"group":"数据展示"},{"name":"标签 Tag","url":"/zh-cn/components/tag","index":100,"group":"数据展示"},{"name":"文字提示 Tooltip","url":"/zh-cn/components/tooltip","index":100,"group":"数据展示"},{"name":"用户 User","url":"/zh-cn/components/user","index":100,"group":"数据展示"}]},{"name":"反馈","children":[{"name":"加载中 Loading","url":"/zh-cn/components/loading","index":100,"group":"反馈"},{"name":"对话框 Modal","url":"/zh-cn/components/modal","index":100,"group":"反馈"},{"name":"提示 Note","url":"/zh-cn/components/note","index":100,"group":"反馈"},{"name":"进度条 Progress","url":"/zh-cn/components/progress","index":100,"group":"反馈"},{"name":"评分 Rating","url":"/zh-cn/components/rating","index":100,"group":"反馈"},{"name":"指示器 Spinner","url":"/zh-cn/components/spinner","index":100,"group":"反馈"},{"name":"通知 Toast","url":"/zh-cn/components/toast","index":100,"group":"反馈"}]},{"name":"导航","children":[{"name":"面包屑 Breadcrumbs","url":"/zh-cn/components/breadcrumbs","index":100,"group":"导航"},{"name":"链接 Link","url":"/zh-cn/components/link","index":100,"group":"导航"},{"name":"分页 Pagination","url":"/zh-cn/components/pagination","index":100,"group":"导航"},{"name":"选项卡 Tabs","url":"/zh-cn/components/tabs","index":100,"group":"导航"},{"name":"下拉按钮 Btn Dropdown","url":"/zh-cn/components/button-dropdown","index":105,"group":"导航"}]},{"name":"其他","children":[{"name":"分割线 Divider","url":"/zh-cn/components/divider","index":100,"group":"其他"},{"name":"片段 Snippet","url":"/zh-cn/components/snippet","index":100,"group":"其他"}]},{"name":"工具包","children":[{"name":"锁定滚动 useBodyScroll","url":"/zh-cn/components/use-body-scroll","index":100,"group":"工具包"},{"name":"点击他处 useClickAway","url":"/zh-cn/components/use-click-away","index":100,"group":"工具包"},{"name":"剪切板 useClipboard","url":"/zh-cn/components/use-clipboard","index":100,"group":"工具包"},{"name":" 当前值 useCurrentState","url":"/zh-cn/components/use-current-state","index":100,"group":"工具包"},{"name":"键盘事件 useKeyboard","url":"/zh-cn/components/use-keyboard","index":100,"group":"工具包"},{"name":"媒体查询 useMediaQuery","url":"/zh-cn/components/use-media-query","index":100,"group":"工具包"}]}],"localeName":"所有组件"},{"name":"customization","children":[],"localeName":"定制化"}]
diff --git a/pages/en-us/components/auto-complete.mdx b/pages/en-us/components/auto-complete.mdx
index 8b37e94..900850a 100644
--- a/pages/en-us/components/auto-complete.mdx
+++ b/pages/en-us/components/auto-complete.mdx
@@ -3,7 +3,7 @@ import { AutoComplete, Spacer, Badge, Grid, Text, Code } from 'components'
 import { useState, useRef, useEffect } from 'react'
 
 export const meta = {
-  title: 'Auto-Complete',
+  title: 'Autocomplete',
   group: 'Data Entry',
 }
 
@@ -12,7 +12,7 @@ export const meta = {
 AutoComplete control of input field.
 
 <Playground
-  desc="Basic usage, add auto-complete list for all inputs."
+  desc="Basic usage, add autocomplete list for all inputs."
   scope={{ AutoComplete }}
   code={`
 () => {
diff --git a/pages/en-us/components/avatar.mdx b/pages/en-us/components/avatar.mdx
index 93d2bf3..58c4c40 100644
--- a/pages/en-us/components/avatar.mdx
+++ b/pages/en-us/components/avatar.mdx
@@ -2,7 +2,7 @@ import { Layout, Playground, Attributes } from 'lib/components'
 import { Avatar, Spacer } from 'components'
 
 export const meta = {
-  title: 'avatar',
+  title: 'Avatar',
   group: 'Data Display',
 }
 
diff --git a/pages/en-us/components/breadcrumbs.mdx b/pages/en-us/components/breadcrumbs.mdx
index 36bea00..8897cdf 100644
--- a/pages/en-us/components/breadcrumbs.mdx
+++ b/pages/en-us/components/breadcrumbs.mdx
@@ -5,7 +5,7 @@ import Home from '@geist-ui/react-icons/home'
 import Inbox from '@geist-ui/react-icons/inbox'
 
 export const meta = {
-  title: 'breadcrumbs',
+  title: 'Breadcrumbs',
   group: 'Navigation',
 }
 
diff --git a/pages/en-us/components/button-dropdown.mdx b/pages/en-us/components/button-dropdown.mdx
index 1ec658e..30aab65 100644
--- a/pages/en-us/components/button-dropdown.mdx
+++ b/pages/en-us/components/button-dropdown.mdx
@@ -4,7 +4,7 @@ import Playground from 'lib/components/playground'
 import { ButtonDropdown, Spacer } from 'components'
 
 export const meta = {
-  title: 'button-dropdown',
+  title: 'Button Dropdown',
   group: 'Navigation',
   index: 101,
 }
diff --git a/pages/en-us/components/button-group.mdx b/pages/en-us/components/button-group.mdx
index 006455c..6d08b17 100644
--- a/pages/en-us/components/button-group.mdx
+++ b/pages/en-us/components/button-group.mdx
@@ -2,7 +2,7 @@ import { Layout, Playground, Attributes } from 'lib/components'
 import { Button, Spacer, ButtonGroup } from 'components'
 
 export const meta = {
-  title: 'Button-Group',
+  title: 'Button Group',
   group: 'Data Entry',
 }
 
diff --git a/pages/en-us/components/button.mdx b/pages/en-us/components/button.mdx
index ac3940e..6387a5e 100644
--- a/pages/en-us/components/button.mdx
+++ b/pages/en-us/components/button.mdx
@@ -5,7 +5,7 @@ import UserX from '@geist-ui/react-icons/userX'
 import Power from '@geist-ui/react-icons/power'
 
 export const meta = {
-  title: 'button',
+  title: 'Button',
   group: 'General',
 }
 
diff --git a/pages/en-us/components/card.mdx b/pages/en-us/components/card.mdx
index a534488..7f412c8 100644
--- a/pages/en-us/components/card.mdx
+++ b/pages/en-us/components/card.mdx
@@ -2,7 +2,7 @@ import { Layout, Playground, Attributes } from 'lib/components'
 import { Card, Spacer, Link, Image, Text, Divider, Code, Grid } from 'components'
 
 export const meta = {
-  title: 'card',
+  title: 'Card',
   group: 'Surfaces',
 }
 
diff --git a/pages/en-us/components/checkbox.mdx b/pages/en-us/components/checkbox.mdx
index 4b8807d..c73b68e 100644
--- a/pages/en-us/components/checkbox.mdx
+++ b/pages/en-us/components/checkbox.mdx
@@ -2,7 +2,7 @@ import { Layout, Playground, Attributes } from 'lib/components'
 import { Checkbox, Spacer } from 'components'
 
 export const meta = {
-  title: 'checkbox',
+  title: 'Checkbox',
   group: 'Data Entry',
 }
 
diff --git a/pages/en-us/components/collapse.mdx b/pages/en-us/components/collapse.mdx
index 8fddffb..5a52cb2 100644
--- a/pages/en-us/components/collapse.mdx
+++ b/pages/en-us/components/collapse.mdx
@@ -2,7 +2,7 @@ import { Layout, Playground, Attributes } from 'lib/components'
 import { Collapse, Spacer, Text } from 'components'
 
 export const meta = {
-  title: 'collapse',
+  title: 'Collapse',
   group: 'Surfaces',
 }
 
diff --git a/pages/en-us/components/fieldset.mdx b/pages/en-us/components/fieldset.mdx
index 2b57dcb..4237761 100644
--- a/pages/en-us/components/fieldset.mdx
+++ b/pages/en-us/components/fieldset.mdx
@@ -2,7 +2,7 @@ import { Layout, Playground, Attributes } from 'lib/components'
 import { Card, Fieldset, Button, Text, Divider } from 'components'
 
 export const meta = {
-  title: 'fieldset',
+  title: 'Fieldset',
   group: 'Surfaces',
 }
 
diff --git a/pages/en-us/components/file-tree.mdx b/pages/en-us/components/file-tree.mdx
index 9e9a1d4..a05e1de 100644
--- a/pages/en-us/components/file-tree.mdx
+++ b/pages/en-us/components/file-tree.mdx
@@ -2,7 +2,7 @@ import { Layout, Playground, Attributes } from 'lib/components'
 import { Tree, useToasts } from 'components'
 
 export const meta = {
-  title: 'File-Tree',
+  title: 'File Tree',
   group: 'Data Display',
 }
 
diff --git a/pages/en-us/components/grid.mdx b/pages/en-us/components/grid.mdx
index c7df24f..26a077e 100644
--- a/pages/en-us/components/grid.mdx
+++ b/pages/en-us/components/grid.mdx
@@ -4,7 +4,7 @@ import PlaygroundTitle from 'lib/components/playground/title'
 
 export const meta = {
   title: 'Grid',
-  group: 'layout',
+  group: 'Layout',
 }
 
 ## Grid
diff --git a/pages/en-us/components/keyboard.mdx b/pages/en-us/components/keyboard.mdx
index d5f648d..8fecc72 100644
--- a/pages/en-us/components/keyboard.mdx
+++ b/pages/en-us/components/keyboard.mdx
@@ -2,7 +2,7 @@ import { Layout, Playground, Attributes } from 'lib/components'
 import { Keyboard } from 'components'
 
 export const meta = {
-  title: 'keyboard',
+  title: 'Keyboard',
   group: 'Data Display',
 }
 
diff --git a/pages/en-us/components/link.mdx b/pages/en-us/components/link.mdx
index eb2d551..a5257e5 100644
--- a/pages/en-us/components/link.mdx
+++ b/pages/en-us/components/link.mdx
@@ -3,7 +3,7 @@ import { Link, Text, Code, Spacer } from 'components'
 import NextLink from 'next/link'
 
 export const meta = {
-  title: 'link',
+  title: 'Link',
   group: 'Navigation',
 }
 
diff --git a/pages/en-us/components/modal.mdx b/pages/en-us/components/modal.mdx
index 60ed3c6..1e046de 100644
--- a/pages/en-us/components/modal.mdx
+++ b/pages/en-us/components/modal.mdx
@@ -4,7 +4,7 @@ import NextLink from 'next/link'
 import { useState } from 'react'
 
 export const meta = {
-  title: 'modal',
+  title: 'Modal',
   group: 'Feedback',
 }
 
diff --git a/pages/en-us/components/note.mdx b/pages/en-us/components/note.mdx
index b2c9adb..d9a7ebe 100644
--- a/pages/en-us/components/note.mdx
+++ b/pages/en-us/components/note.mdx
@@ -2,7 +2,7 @@ import { Layout, Playground, Attributes } from 'lib/components'
 import { Note } from 'components'
 
 export const meta = {
-  title: 'note',
+  title: 'Note',
   group: 'Feedback',
 }
 
diff --git a/pages/en-us/components/page.mdx b/pages/en-us/components/page.mdx
index 535c165..f73c5a6 100644
--- a/pages/en-us/components/page.mdx
+++ b/pages/en-us/components/page.mdx
@@ -4,7 +4,7 @@ import MockPage from 'lib/components/displays/mock-page'
 
 export const meta = {
   title: 'Page',
-  group: 'layout',
+  group: 'Layout',
 }
 
 ## Page
diff --git a/pages/en-us/components/radio.mdx b/pages/en-us/components/radio.mdx
index 4435172..0e7c3de 100644
--- a/pages/en-us/components/radio.mdx
+++ b/pages/en-us/components/radio.mdx
@@ -3,7 +3,7 @@ import { Radio, Spacer, Code } from 'components'
 import { useState } from 'react'
 
 export const meta = {
-  title: 'radio',
+  title: 'Radio',
   group: 'Data Entry',
 }
 
diff --git a/pages/en-us/components/select.mdx b/pages/en-us/components/select.mdx
index 407f94a..a6bc198 100644
--- a/pages/en-us/components/select.mdx
+++ b/pages/en-us/components/select.mdx
@@ -2,7 +2,7 @@ import { Layout, Playground, Attributes } from 'lib/components'
 import { Select, Spacer, Code, Modal, useModal, Button } from 'components'
 
 export const meta = {
-  title: 'select',
+  title: 'Select',
   group: 'Data Entry',
 }
 
diff --git a/pages/en-us/components/spacer.mdx b/pages/en-us/components/spacer.mdx
index 7c1bfee..729c4df 100644
--- a/pages/en-us/components/spacer.mdx
+++ b/pages/en-us/components/spacer.mdx
@@ -3,7 +3,7 @@ import { Spacer, Grid } from 'components'
 
 export const meta = {
   title: 'Spacer',
-  group: 'layout',
+  group: 'Layout',
 }
 
 ## Spacer
diff --git a/pages/en-us/components/tabs.mdx b/pages/en-us/components/tabs.mdx
index 0a2effd..0e49ba8 100644
--- a/pages/en-us/components/tabs.mdx
+++ b/pages/en-us/components/tabs.mdx
@@ -5,7 +5,7 @@ import TwitterIcon from '@geist-ui/react-icons/twitter'
 import TwitchIcon from '@geist-ui/react-icons/twitch'
 
 export const meta = {
-  title: 'tabs',
+  title: 'Tabs',
   group: 'Navigation',
 }
 
diff --git a/pages/en-us/components/text.mdx b/pages/en-us/components/text.mdx
index fdb8eeb..3a08836 100644
--- a/pages/en-us/components/text.mdx
+++ b/pages/en-us/components/text.mdx
@@ -2,7 +2,7 @@ import { Layout, Playground, Attributes } from 'lib/components'
 import { Text } from 'components'
 
 export const meta = {
-  title: 'text',
+  title: 'Text',
   group: 'General',
   index: 10,
 }
diff --git a/pages/en-us/components/textarea.mdx b/pages/en-us/components/textarea.mdx
index c065e42..a4453cd 100644
--- a/pages/en-us/components/textarea.mdx
+++ b/pages/en-us/components/textarea.mdx
@@ -3,7 +3,7 @@ import { Textarea, Spacer, useInput, Button, Code } from 'components'
 import { useState } from 'react'
 
 export const meta = {
-  title: 'textarea',
+  title: 'Textarea',
   group: 'Data Entry',
 }
 
diff --git a/pages/en-us/components/toast.mdx b/pages/en-us/components/toast.mdx
index 6eb1d22..6ad2f35 100644
--- a/pages/en-us/components/toast.mdx
+++ b/pages/en-us/components/toast.mdx
@@ -2,7 +2,7 @@ import { Layout, Playground, Attributes } from 'lib/components'
 import { useToasts, Button, Spacer } from 'components'
 
 export const meta = {
-  title: 'toast',
+  title: 'Toast',
   group: 'Feedback',
 }
 
diff --git a/pages/en-us/components/use-body-scroll.mdx b/pages/en-us/components/use-body-scroll.mdx
index fd0e42f..952c223 100644
--- a/pages/en-us/components/use-body-scroll.mdx
+++ b/pages/en-us/components/use-body-scroll.mdx
@@ -2,11 +2,11 @@ import { Layout, Playground, Attributes } from 'lib/components'
 import { Button, Spacer, Text, Link, useBodyScroll } from 'components'
 
 export const meta = {
-  title: 'use-body-scroll',
+  title: 'useBodyScroll',
   group: 'Utils',
 }
 
-## Use body scroll
+## useBodyScroll
 
 Disable scrolling behavior for body or any element, it is useful for displaying popup element or menus.
 
diff --git a/pages/en-us/components/use-click-away.mdx b/pages/en-us/components/use-click-away.mdx
index 5f47164..4988650 100644
--- a/pages/en-us/components/use-click-away.mdx
+++ b/pages/en-us/components/use-click-away.mdx
@@ -2,11 +2,11 @@ import { Layout, Playground, Attributes } from 'lib/components'
 import { Link, Card, Spacer, useClickAway } from 'components'
 
 export const meta = {
-  title: 'use-click-away',
+  title: 'useClickAway',
   group: 'Utils',
 }
 
-## Use click away
+## useClickAway
 
 Detect if a click event happened outside of an element.
 
diff --git a/pages/en-us/components/use-clipboard.mdx b/pages/en-us/components/use-clipboard.mdx
index 1ccd8af..24e1924 100644
--- a/pages/en-us/components/use-clipboard.mdx
+++ b/pages/en-us/components/use-clipboard.mdx
@@ -2,11 +2,11 @@ import { Layout, Playground, Attributes } from 'lib/components'
 import { useClipboard, Link, Button, useToasts, Spacer } from 'components'
 
 export const meta = {
-  title: 'use-clipboard',
+  title: 'useClipboard',
   group: 'Utils',
 }
 
-## Use clipboard
+## useClipboard
 
 Copy string to clipboard.
 
diff --git a/pages/en-us/components/use-current-state.mdx b/pages/en-us/components/use-current-state.mdx
index 69fdaea..be5f2a5 100644
--- a/pages/en-us/components/use-current-state.mdx
+++ b/pages/en-us/components/use-current-state.mdx
@@ -2,11 +2,11 @@ import { Layout, Playground, Attributes } from 'lib/components'
 import { useCurrentState, Link, Button, Spacer } from 'components'
 
 export const meta = {
-  title: 'use-current-state',
+  title: 'useCurrentState',
   group: 'Utils',
 }
 
-## Use current state
+## useCurrentState
 
 Get **the latest value** in functional component. By default, `state` in a React FC
 can only get the value at render time, not the latest.
diff --git a/pages/en-us/components/use-keyboard.mdx b/pages/en-us/components/use-keyboard.mdx
index 69a7771..62f8aa7 100644
--- a/pages/en-us/components/use-keyboard.mdx
+++ b/pages/en-us/components/use-keyboard.mdx
@@ -2,11 +2,11 @@ import { Layout, Playground, Attributes } from 'lib/components'
 import { useKeyboard, KeyCode, KeyMod, Keyboard, Input, Link } from 'components'
 
 export const meta = {
-  title: 'use-keyboard',
+  title: 'useKeyboard',
   group: 'Utils',
 }
 
-## Use Keyboard
+## useKeyboard
 
 React Hooks for listen to multiple keyboard events.
 
diff --git a/pages/en-us/components/use-media-query.mdx b/pages/en-us/components/use-media-query.mdx
index 7920756..64da75e 100644
--- a/pages/en-us/components/use-media-query.mdx
+++ b/pages/en-us/components/use-media-query.mdx
@@ -3,11 +3,11 @@ import { useMediaQuery, Link, Code, Spacer } from 'components'
 import NextLink from 'next/link'
 
 export const meta = {
-  title: 'use-media-query',
+  title: 'useMediaQuery',
   group: 'Utils',
 }
 
-## Use MediaQuery
+## useMediaQuery
 
 CSS media query hooks, it is implemented through the `MediaQuery` API.
 If you just want to build the layout, try <NextLink href="/en-us/components/grid"><Link color>Grid Component</Link></NextLink>.
diff --git a/pages/en-us/customization/index.tsx b/pages/en-us/customization/index.tsx
index 21beb5b..0decc2e 100644
--- a/pages/en-us/customization/index.tsx
+++ b/pages/en-us/customization/index.tsx
@@ -3,6 +3,7 @@ import { Text, Spacer } from 'components'
 import CustomizationLayout from 'lib/components/customization/layout'
 import CustomizationEditor from 'lib/components/customization/editor'
 import PageHeader from 'lib/components/header'
+
 const meta = {
   title: 'Customization',
 }
diff --git a/pages/en-us/guide/colors.mdx b/pages/en-us/guide/colors.mdx
index 0d1c49d..d3a901f 100644
--- a/pages/en-us/guide/colors.mdx
+++ b/pages/en-us/guide/colors.mdx
@@ -5,7 +5,7 @@ import Colors from 'lib/components/displays/colors'
 
 export const meta = {
   title: 'Colors',
-  group: 'customization',
+  group: 'Customization',
   index: 20,
 }
 
diff --git a/pages/en-us/guide/installation.mdx b/pages/en-us/guide/installation.mdx
index ac29a96..b91ff21 100644
--- a/pages/en-us/guide/installation.mdx
+++ b/pages/en-us/guide/installation.mdx
@@ -2,8 +2,8 @@ import Layout from 'lib/components/layout'
 import { Note, Link, Code, Spacer, Tabs, Dot, Snippet, Grid, Text } from 'components'
 
 export const meta = {
-  title: 'installation',
-  group: 'getting-started',
+  title: 'Installation',
+  group: 'Getting Started',
   index: 10,
 }
 
diff --git a/pages/en-us/guide/introduction.mdx b/pages/en-us/guide/introduction.mdx
index 79334d5..00e0392 100644
--- a/pages/en-us/guide/introduction.mdx
+++ b/pages/en-us/guide/introduction.mdx
@@ -3,8 +3,8 @@ import Layout from 'lib/components/layout'
 import { Code, Link, Text, Spacer, Note } from 'components'
 
 export const meta = {
-  title: 'introduction',
-  group: 'getting-started',
+  title: 'Introduction',
+  group: 'Getting Started',
   index: 5,
 }
 
diff --git a/pages/en-us/guide/scaleable.mdx b/pages/en-us/guide/scaleable.mdx
index f29c6f3..0cc622e 100644
--- a/pages/en-us/guide/scaleable.mdx
+++ b/pages/en-us/guide/scaleable.mdx
@@ -4,7 +4,7 @@ import { Note, Text, Spacer, Display, Code, Grid, Button, Link } from 'component
 
 export const meta = {
   title: 'Scaleable',
-  group: 'customization',
+  group: 'Customization',
   index: 30,
 }
 
diff --git a/pages/en-us/guide/server-render.mdx b/pages/en-us/guide/server-render.mdx
index 71e1b5a..83b6e36 100644
--- a/pages/en-us/guide/server-render.mdx
+++ b/pages/en-us/guide/server-render.mdx
@@ -3,7 +3,7 @@ import { Code, Link, Spacer, Note } from 'components'
 
 export const meta = {
   title: 'Server Render',
-  group: 'getting-started',
+  group: 'Getting Started',
   index: 15,
 }
 
diff --git a/pages/en-us/guide/themes.mdx b/pages/en-us/guide/themes.mdx
index 879ac4c..70bf27d 100644
--- a/pages/en-us/guide/themes.mdx
+++ b/pages/en-us/guide/themes.mdx
@@ -3,7 +3,7 @@ import { Note, Code, Spacer, Link } from 'components'
 
 export const meta = {
   title: 'Themes',
-  group: 'customization',
+  group: 'Customization',
   index: 25,
 }
 
diff --git a/pages/zh-cn/components/auto-complete.mdx b/pages/zh-cn/components/auto-complete.mdx
index adf78d9..ee10898 100644
--- a/pages/zh-cn/components/auto-complete.mdx
+++ b/pages/zh-cn/components/auto-complete.mdx
@@ -3,12 +3,12 @@ import { AutoComplete, Spacer, Badge, Text, Grid, Code } from 'components'
 import { useState, useRef, useEffect } from 'react'
 
 export const meta = {
-  title: '自动完成 Auto-Complete',
+  title: '自动完成 Autocomplete',
   group: '数据录入',
   index: 104,
 }
 
-## Auto Complete / 自动完成
+## Autocomplete / 自动完成
 
 输入框的自动完成控制。
 
diff --git a/pages/zh-cn/components/button-group.mdx b/pages/zh-cn/components/button-group.mdx
index cd27119..b4efd71 100644
--- a/pages/zh-cn/components/button-group.mdx
+++ b/pages/zh-cn/components/button-group.mdx
@@ -2,7 +2,7 @@ import { Layout, Playground, Attributes } from 'lib/components'
 import { Button, Spacer, ButtonGroup } from 'components'
 
 export const meta = {
-  title: '按钮组 Button-Group',
+  title: '按钮组 Button Group',
   group: '数据录入',
 }
 
diff --git a/pages/zh-cn/components/use-body-scroll.mdx b/pages/zh-cn/components/use-body-scroll.mdx
index 9314ac1..a5f5b58 100644
--- a/pages/zh-cn/components/use-body-scroll.mdx
+++ b/pages/zh-cn/components/use-body-scroll.mdx
@@ -6,7 +6,7 @@ export const meta = {
   group: '工具包',
 }
 
-## Use body scroll / 工具包
+## useBodyScroll / 工具包
 
 禁用 `Body` 或其他任何元素的滚动，这在显示弹窗或菜单时非常有帮助。
 
diff --git a/pages/zh-cn/components/use-click-away.mdx b/pages/zh-cn/components/use-click-away.mdx
index 57bc92b..aa11544 100644
--- a/pages/zh-cn/components/use-click-away.mdx
+++ b/pages/zh-cn/components/use-click-away.mdx
@@ -6,7 +6,7 @@ export const meta = {
   group: '工具包',
 }
 
-## Use click away / 点击他处触发事件
+## useClickAway / 点击他处触发事件
 
 检测点击事件是否在元素之外。
 
diff --git a/pages/zh-cn/components/use-clipboard.mdx b/pages/zh-cn/components/use-clipboard.mdx
index 9232a34..04358bd 100644
--- a/pages/zh-cn/components/use-clipboard.mdx
+++ b/pages/zh-cn/components/use-clipboard.mdx
@@ -6,7 +6,7 @@ export const meta = {
   group: '工具包',
 }
 
-## Use clipboard / 拷贝至剪切板
+## useClipboard / 拷贝至剪切板
 
 拷贝字符串到剪切板。
 
diff --git a/pages/zh-cn/components/use-current-state.mdx b/pages/zh-cn/components/use-current-state.mdx
index 5c48702..0c8dfc8 100644
--- a/pages/zh-cn/components/use-current-state.mdx
+++ b/pages/zh-cn/components/use-current-state.mdx
@@ -6,7 +6,7 @@ export const meta = {
   group: '工具包',
 }
 
-## Use current state / 获取当前值
+## useCurrentState / 获取当前值
 
 在函数式组件内获取 **最新的值**。默认场景下，React 函数式组件只能获取渲染当时 `state` 的值，这并非是最新的。
 
diff --git a/pages/zh-cn/components/use-keyboard.mdx b/pages/zh-cn/components/use-keyboard.mdx
index 83e610a..4b94d56 100644
--- a/pages/zh-cn/components/use-keyboard.mdx
+++ b/pages/zh-cn/components/use-keyboard.mdx
@@ -6,7 +6,7 @@ export const meta = {
   group: '工具包',
 }
 
-## Use Keyboard / 键盘事件
+## useKeyboard / 键盘事件
 
 用户监听多个键盘事件的钩子。
 
diff --git a/pages/zh-cn/components/use-media-query.mdx b/pages/zh-cn/components/use-media-query.mdx
index e797515..5831a5a 100644
--- a/pages/zh-cn/components/use-media-query.mdx
+++ b/pages/zh-cn/components/use-media-query.mdx
@@ -7,7 +7,7 @@ export const meta = {
   group: '工具包',
 }
 
-## Use MediaQuery / 媒体查询
+## useMediaQuery / 媒体查询
 
 用于 CSS 媒体查询的钩子，钩子通过 `MediaQuery` API 实现。如果你仅仅想要构建响应式的布局，
 请尝试 <NextLink href="/en-us/components/grid"><Link color>栅格组件</Link></NextLink>。