feat: Allow configuring Breadcrumbs that when should it collapse (#2520)

* Allow configuring Breadcrumbs that when should it collapse * Update Label.tsx
coingaming · Dec 6, 2023 · 1c1ab3e · 1c1ab3e
1 parent f495692
commit 1c1ab3e
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/workspaces/core/src/breadcrumb/Breadcrumb.tsx b/workspaces/core/src/breadcrumb/Breadcrumb.tsx
@@ -3,9 +3,9 @@ import Collapsed from './private/Collapsed';
 import Extended from './private/Extended';
 import type Props from './private/types/Props';
 
-const Breadcrumb = ({ breadcrumbs, divider }: Props) => {
+const Breadcrumb = ({ breadcrumbs, divider, collapseAfter = 4}: Props) => {
   if (!breadcrumbs) return null;
-  const isCollapse = breadcrumbs?.length > 4;
+  const isCollapse = breadcrumbs?.length > collapseAfter;
   return isCollapse ? (
     <Collapsed breadcrumbs={breadcrumbs} divider={divider} />
   ) : (

diff --git a/workspaces/core/src/breadcrumb/private/types/Props.ts b/workspaces/core/src/breadcrumb/private/types/Props.ts
@@ -1,6 +1,7 @@
 type Props = {
   breadcrumbs: React.ReactNode[];
   divider?: React.ReactNode;
+  collapseAfter?: number;
 };
 
 export default Props;