diff --git a/components/breadcrumbs/__tests__/__snapshots__/breadcrumbs.test.tsx.snap b/components/breadcrumbs/__tests__/__snapshots__/breadcrumbs.test.tsx.snap
index f2c7c3f..58a621c 100644
--- a/components/breadcrumbs/__tests__/__snapshots__/breadcrumbs.test.tsx.snap
+++ b/components/breadcrumbs/__tests__/__snapshots__/breadcrumbs.test.tsx.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Breadcrumbs should redefined all separators 1`] = `
-"<nav class=\\"\\"><span class=\\"breadcrums-item\\">test-1</span><div class=\\"separator \\">*<style>
+"<nav class=\\"\\"><span class=\\"breadcrums-item \\">test-1</span><div class=\\"separator \\">*<style>
         .separator {
           display: inline-flex;
           margin: 0 8px;
@@ -9,93 +9,77 @@ exports[`Breadcrumbs should redefined all separators 1`] = `
           pointer-events: none;
           align-items: center;
         }
-      </style></div><span class=\\"breadcrums-item\\">test-2</span><div class=\\"separator \\">*<style>
-        .separator {
-          display: inline-flex;
-          margin: 0 8px;
-          user-select: none;
-          pointer-events: none;
+      </style></div><span class=\\"breadcrums-item \\">test-2</span><style>
+        nav {
+          margin: 0;
+          padding: 0;
+          line-height: inherit;
+          color: #888;
+          font-size: 1rem;
+          box-sizing: border-box;
+          display: flex;
           align-items: center;
         }
-      </style></div><style>
-          nav {
-            margin: 0;
-            padding: 0;
-            line-height: inherit;
-            color: #888;
-            font-size: 1rem;
-            box-sizing: border-box;
-            display: flex;
-            align-items: center;
-          }
 
-          nav :global(.link:hover) {
-            color: rgba(0, 112, 243, 0.85);
-          }
+        nav :global(.link:hover) {
+          color: rgba(0, 112, 243, 0.85);
+        }
 
-          nav > :global(span:last-of-type) {
-            color: #444;
-          }
+        nav > :global(span:last-of-type) {
+          color: #444;
+        }
 
-          nav > :global(.separator:last-child) {
-            display: none;
-          }
+        nav > :global(.separator:last-child) {
+          display: none;
+        }
 
-          nav :global(svg) {
-            width: 1em;
-            height: 1em;
-            margin: 0 4px;
-          }
+        nav :global(svg) {
+          width: 1em;
+          height: 1em;
+          margin: 0 4px;
+        }
 
-          nav :global(.breadcrums-item) {
-            display: inline-flex;
-            align-items: center;
-          }
-        </style></nav>"
+        nav :global(.breadcrums-item) {
+          display: inline-flex;
+          align-items: center;
+        }
+      </style></nav>"
 `;
 
 exports[`Breadcrumbs should render correctly 1`] = `
-"<nav class=\\"\\"><span class=\\"breadcrums-item\\">test-1</span><div class=\\"separator \\">/<style>
-        .separator {
-          display: inline-flex;
-          margin: 0 8px;
-          user-select: none;
-          pointer-events: none;
+"<nav class=\\"\\"><span class=\\"breadcrums-item \\">test-1</span><style>
+        nav {
+          margin: 0;
+          padding: 0;
+          line-height: inherit;
+          color: #888;
+          font-size: 1rem;
+          box-sizing: border-box;
+          display: flex;
           align-items: center;
         }
-      </style></div><style>
-          nav {
-            margin: 0;
-            padding: 0;
-            line-height: inherit;
-            color: #888;
-            font-size: 1rem;
-            box-sizing: border-box;
-            display: flex;
-            align-items: center;
-          }
 
-          nav :global(.link:hover) {
-            color: rgba(0, 112, 243, 0.85);
-          }
+        nav :global(.link:hover) {
+          color: rgba(0, 112, 243, 0.85);
+        }
 
-          nav > :global(span:last-of-type) {
-            color: #444;
-          }
+        nav > :global(span:last-of-type) {
+          color: #444;
+        }
 
-          nav > :global(.separator:last-child) {
-            display: none;
-          }
+        nav > :global(.separator:last-child) {
+          display: none;
+        }
 
-          nav :global(svg) {
-            width: 1em;
-            height: 1em;
-            margin: 0 4px;
-          }
+        nav :global(svg) {
+          width: 1em;
+          height: 1em;
+          margin: 0 4px;
+        }
 
-          nav :global(.breadcrums-item) {
-            display: inline-flex;
-            align-items: center;
-          }
-        </style></nav>"
+        nav :global(.breadcrums-item) {
+          display: inline-flex;
+          align-items: center;
+        }
+      </style></nav>"
 `;
diff --git a/components/breadcrumbs/__tests__/breadcrumbs.test.tsx b/components/breadcrumbs/__tests__/breadcrumbs.test.tsx
index 45ac9a0..b0ff8cf 100644
--- a/components/breadcrumbs/__tests__/breadcrumbs.test.tsx
+++ b/components/breadcrumbs/__tests__/breadcrumbs.test.tsx
@@ -28,10 +28,8 @@ describe('Breadcrumbs', () => {
   it('the specified separator should be redefined', () => {
     const wrapper = mount(
       <Breadcrumbs separator="*">
-        <Breadcrumbs.Item>
-          test-1
-          <Breadcrumbs.Separator>%</Breadcrumbs.Separator>
-        </Breadcrumbs.Item>
+        <Breadcrumbs.Item>test-1</Breadcrumbs.Item>
+        <Breadcrumbs.Separator>%</Breadcrumbs.Separator>
         <Breadcrumbs.Item>test-2</Breadcrumbs.Item>
       </Breadcrumbs>,
     )
diff --git a/components/breadcrumbs/breadcrumbs-context.ts b/components/breadcrumbs/breadcrumbs-context.ts
deleted file mode 100644
index 0e653db..0000000
--- a/components/breadcrumbs/breadcrumbs-context.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import React from 'react'
-
-export interface BreadcrumbsConfig {
-  separator?: string
-}
-
-const defaultContext = {}
-
-export const BreadcrumbsContext = React.createContext<BreadcrumbsConfig>(defaultContext)
-
-export const useBreadcrumbsContext = (): BreadcrumbsConfig =>
-  React.useContext<BreadcrumbsConfig>(BreadcrumbsContext)
diff --git a/components/breadcrumbs/breadcrumbs-item.tsx b/components/breadcrumbs/breadcrumbs-item.tsx
index fddad18..2ab1e95 100644
--- a/components/breadcrumbs/breadcrumbs-item.tsx
+++ b/components/breadcrumbs/breadcrumbs-item.tsx
@@ -4,7 +4,6 @@ import React, { useMemo } from 'react'
 import withDefaults from '../utils/with-defaults'
 import { pickChild } from '../utils/collections'
 import BreadcrumbsSeparator from './breadcrumbs-separator'
-import { useBreadcrumbsContext } from './breadcrumbs-context'
 
 interface Props {
   href?: string
@@ -30,41 +29,29 @@ const BreadcrumbsItem = React.forwardRef<
     { href, nextLink, onClick, children, className, ...props },
     ref: React.Ref<HTMLAnchorElement>,
   ) => {
-    const { separator } = useBreadcrumbsContext()
     const isLink = useMemo(() => href !== undefined || nextLink, [href, nextLink])
-    const [withoutSepChildren, sepChildren] = pickChild(children, BreadcrumbsSeparator)
-    const composeSeparator = useMemo(() => {
-      if (React.Children.count(sepChildren) > 0) return sepChildren
-      return <BreadcrumbsSeparator>{separator}</BreadcrumbsSeparator>
-    }, [separator])
-
+    const [withoutSepChildren] = pickChild(children, BreadcrumbsSeparator)
     const clickHandler = (event: React.MouseEvent) => {
       onClick && onClick(event)
     }
 
     if (!isLink) {
       return (
-        <>
-          <span className="breadcrums-item" onClick={clickHandler}>
-            {withoutSepChildren}
-          </span>
-          {composeSeparator}
-        </>
+        <span className={`breadcrums-item ${className}`} onClick={clickHandler}>
+          {withoutSepChildren}
+        </span>
       )
     }
 
     return (
-      <>
-        <Link
-          className={`breadcrums-item ${className}`}
-          href={href}
-          onClick={clickHandler}
-          ref={ref}
-          {...props}>
-          {withoutSepChildren}
-        </Link>
-        {composeSeparator}
-      </>
+      <Link
+        className={`breadcrums-item ${className}`}
+        href={href}
+        onClick={clickHandler}
+        ref={ref}
+        {...props}>
+        {withoutSepChildren}
+      </Link>
     )
   },
 )
diff --git a/components/breadcrumbs/breadcrumbs-separator.tsx b/components/breadcrumbs/breadcrumbs-separator.tsx
index 82d2cf1..80e12f5 100644
--- a/components/breadcrumbs/breadcrumbs-separator.tsx
+++ b/components/breadcrumbs/breadcrumbs-separator.tsx
@@ -1,5 +1,4 @@
 import React from 'react'
-// import useTheme from '../styles/use-theme'
 import withDefaults from '../utils/with-defaults'
 
 interface Props {
@@ -17,8 +16,6 @@ const BreadcrumbsSeparator: React.FC<React.PropsWithChildren<BreadcrumbsProps>>
   children,
   className,
 }) => {
-  // const theme = useTheme()
-
   return (
     <div className={`separator ${className}`}>
       {children}
diff --git a/components/breadcrumbs/breadcrumbs.tsx b/components/breadcrumbs/breadcrumbs.tsx
index c68ea72..7850b4d 100644
--- a/components/breadcrumbs/breadcrumbs.tsx
+++ b/components/breadcrumbs/breadcrumbs.tsx
@@ -3,8 +3,7 @@ import useTheme from '../styles/use-theme'
 import BreadcrumbsItem from './breadcrumbs-item'
 import BreadcrumbsSeparator from './breadcrumbs-separator'
 import { addColorAlpha } from '../utils/color'
-import { BreadcrumbsContext } from './breadcrumbs-context'
-import { NormalSizes } from 'components/utils/prop-types'
+import { NormalSizes } from '../utils/prop-types'
 
 interface Props {
   size: NormalSizes
@@ -38,55 +37,67 @@ const Breadcrumbs: React.FC<React.PropsWithChildren<BreadcrumbsProps>> = ({
   className,
 }) => {
   const theme = useTheme()
-  const initialValue = useMemo(
-    () => ({
-      separator,
-    }),
-    [separator],
-  )
   const fontSize = useMemo(() => getSize(size), [size])
+  const hoverColor = useMemo(() => {
+    return addColorAlpha(theme.palette.link, 0.85)
+  }, [theme.palette.link])
+
+  const childrenArray = React.Children.toArray(children)
+  const withSeparatorChildren = childrenArray.map((item, index) => {
+    if (!React.isValidElement(item)) return item
+    const last = childrenArray[index - 1]
+    const lastIsSeparator = React.isValidElement(last) && last.type === BreadcrumbsSeparator
+    const currentIsSeparator = item.type === BreadcrumbsSeparator
+    if (!lastIsSeparator && !currentIsSeparator && index > 0) {
+      return (
+        <React.Fragment key={index}>
+          <BreadcrumbsSeparator>{separator}</BreadcrumbsSeparator>
+          {item}
+        </React.Fragment>
+      )
+    }
+    return item
+  })
 
   return (
-    <BreadcrumbsContext.Provider value={initialValue}>
-      <nav className={className}>
-        {children}
-        <style jsx>{`
-          nav {
-            margin: 0;
-            padding: 0;
-            line-height: inherit;
-            color: ${theme.palette.accents_4};
-            font-size: ${fontSize};
-            box-sizing: border-box;
-            display: flex;
-            align-items: center;
-          }
+    <nav className={className}>
+      {withSeparatorChildren}
+      <style jsx>{`
+        nav {
+          margin: 0;
+          padding: 0;
+          line-height: inherit;
+          color: ${theme.palette.accents_4};
+          font-size: ${fontSize};
+          box-sizing: border-box;
+          display: flex;
+          align-items: center;
+        }
 
-          nav :global(.link:hover) {
-            color: ${addColorAlpha(theme.palette.link, 0.85)};
-          }
+        nav :global(.link:hover) {
+          color: ${hoverColor};
+        }
 
-          nav > :global(span:last-of-type) {
-            color: ${theme.palette.accents_6};
-          }
+        nav > :global(span:last-of-type) {
+          color: ${theme.palette.accents_6};
+        }
 
-          nav > :global(.separator:last-child) {
-            display: none;
-          }
+        nav > :global(.separator:last-child) {
+          display: none;
+        }
 
-          nav :global(svg) {
-            width: 1em;
-            height: 1em;
-            margin: 0 4px;
-          }
+        nav :global(svg) {
+          width: 1em;
+          height: 1em;
+          margin: 0 4px;
+        }
 
-          nav :global(.breadcrums-item) {
-            display: inline-flex;
-            align-items: center;
-          }
-        `}</style>
-      </nav>
-    </BreadcrumbsContext.Provider>
+        nav :global(.breadcrums-item) {
+          display: inline-flex;
+          align-items: center;
+        }
+      `}</style>
+    </nav>
   )
 }
 
diff --git a/lib/data/metadata-zh-cn.json b/lib/data/metadata-zh-cn.json
index 124e1e1..51e0f02 100644
--- a/lib/data/metadata-zh-cn.json
+++ b/lib/data/metadata-zh-cn.json
@@ -1 +1 @@
-[{"name":"guide","children":[{"name":"快速上手","children":[{"name":"什么是 ZEIT 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":100,"group":"定制化"},{"name":"主题","url":"/zh-cn/guide/themes","index":100,"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":"布局 Layout","url":"/zh-cn/components/layout","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":"指示器 Spinner","url":"/zh-cn/components/spinner","index":100,"group":"反馈"},{"name":"通知 Toast","url":"/zh-cn/components/toast","index":100,"group":"反馈"}]},{"name":"导航","children":[{"name":"链接 Link","url":"/zh-cn/components/link","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":"媒体查询 useMediaQuery","url":"/zh-cn/components/use-media-query","index":100,"group":"工具包"}]}],"localeName":"所有组件"},{"name":"customization","children":[],"localeName":"定制化"}]
+[{"name":"guide","children":[{"name":"快速上手","children":[{"name":"什么是 ZEIT 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":100,"group":"定制化"},{"name":"主题","url":"/zh-cn/guide/themes","index":100,"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":"布局 Layout","url":"/zh-cn/components/layout","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":"指示器 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":"选项卡 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":"媒体查询 useMediaQuery","url":"/zh-cn/components/use-media-query","index":100,"group":"工具包"}]}],"localeName":"所有组件"},{"name":"customization","children":[],"localeName":"定制化"}]
diff --git a/pages/en-us/components/breadcrumbs.mdx b/pages/en-us/components/breadcrumbs.mdx
index 248386c..ded12ee 100644
--- a/pages/en-us/components/breadcrumbs.mdx
+++ b/pages/en-us/components/breadcrumbs.mdx
@@ -64,10 +64,8 @@ Show where users are in the application.
   </Breadcrumbs>
   <Spacer y={.5} />
   <Breadcrumbs separator=">">
-    <Breadcrumbs.Item>
-      Home
-      <Breadcrumbs.Separator>:</Breadcrumbs.Separator>
-    </Breadcrumbs.Item>
+    <Breadcrumbs.Item>Home</Breadcrumbs.Item>
+    <Breadcrumbs.Separator>:</Breadcrumbs.Separator>
     <Breadcrumbs.Item href="">Components</Breadcrumbs.Item>
     <Breadcrumbs.Item href="">Basic</Breadcrumbs.Item>
     <Breadcrumbs.Item>Button</Breadcrumbs.Item>
diff --git a/pages/zh-cn/components/breadcrumbs.mdx b/pages/zh-cn/components/breadcrumbs.mdx
index cec2d59..2fc0dc1 100644
--- a/pages/zh-cn/components/breadcrumbs.mdx
+++ b/pages/zh-cn/components/breadcrumbs.mdx
@@ -64,10 +64,8 @@ export const meta = {
   </Breadcrumbs>
   <Spacer y={.5} />
   <Breadcrumbs separator=">">
-    <Breadcrumbs.Item>
-      Home
-      <Breadcrumbs.Separator>:</Breadcrumbs.Separator>
-    </Breadcrumbs.Item>
+    <Breadcrumbs.Item>Home</Breadcrumbs.Item>
+    <Breadcrumbs.Separator>:</Breadcrumbs.Separator>
     <Breadcrumbs.Item href="">Components</Breadcrumbs.Item>
     <Breadcrumbs.Item href="">Basic</Breadcrumbs.Item>
     <Breadcrumbs.Item >Button</Breadcrumbs.Item>