diff --git a/src/breadcrumb/Breadcrumb.tsx b/src/breadcrumb/Breadcrumb.tsx
index fd9bc988e..c64db1365 100644
--- a/src/breadcrumb/Breadcrumb.tsx
+++ b/src/breadcrumb/Breadcrumb.tsx
@@ -1,4 +1,5 @@
import React from 'react';
+import classNames from 'classnames';
import useConfig from '../_util/useConfig';
import forwardRefWithStatics from '../_util/forwardRefWithStatics';
import { BreadcrumbItem } from './BreadcrumbItem';
@@ -7,7 +8,7 @@ import { BreadcrumbContext } from './BreadcrumbContext';
const Breadcrumb = forwardRefWithStatics(
(props: BreadcrumbProps, ref) => {
- const { children, options, separator, maxItemWidth, theme, ...restProps } = props;
+ const { children, options, separator, maxItemWidth, theme, className, ...restProps } = props;
const { classPrefix } = useConfig();
let content = children;
@@ -38,7 +39,7 @@ const Breadcrumb = forwardRefWithStatics(
separator,
}}
>
-
+
{content}
diff --git a/src/breadcrumb/BreadcrumbItem.tsx b/src/breadcrumb/BreadcrumbItem.tsx
index 8d92cf82b..8e5a27013 100644
--- a/src/breadcrumb/BreadcrumbItem.tsx
+++ b/src/breadcrumb/BreadcrumbItem.tsx
@@ -9,8 +9,20 @@ import { BreadcrumbItemProps } from './BreadcrumbProps';
import { BreadcrumbContext } from './BreadcrumbContext';
export const BreadcrumbItem = forwardRef
((props, ref) => {
- const { children, separator, disabled, maxItemWidth, maxWidth, href, to, target, router, replace, ...restProps } =
- props;
+ const {
+ children,
+ separator,
+ disabled,
+ maxItemWidth,
+ maxWidth,
+ href,
+ to,
+ target,
+ router,
+ replace,
+ className,
+ ...restProps
+ } = props;
const { maxItemWidthInContext, theme, separator: separatorInContext } = useContext(BreadcrumbContext);
@@ -58,7 +70,7 @@ export const BreadcrumbItem = forwardRef((p
);
return (
-
+
{itemContent}
{separatorContent}