added slot

abusix · Mar 12, 2024 · 8708122 · 8708122
1 parent c4020fc
commit 8708122
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 7 deletions.
diff --git a/src/components/breadcrumbs/breadcrumbs-item.tsx b/src/components/breadcrumbs/breadcrumbs-item.tsx
@@ -1,5 +1,6 @@
 import React from "react";
 import { classNames } from "../../util/class-names";
+import { AsChildProps, Slot } from "../slot/slot";
 
 type BreadcrumbItemProps = AsChildProps<React.AnchorHTMLAttributes<HTMLAnchorElement>> & {
     isActive?: boolean;

diff --git a/src/components/breadcrumbs/breadcrumbs.stories.tsx b/src/components/breadcrumbs/breadcrumbs.stories.tsx
@@ -24,8 +24,8 @@ export const Base: Story = {
 
                 <Breadcrumbs.Arrow />
 
-                <Breadcrumbs.Item href="/" active>
-                    Book
+                <Breadcrumbs.Item asChild isActive>
+                    <a href="/">dsjkdskjdssdkj</a>
                 </Breadcrumbs.Item>
             </Breadcrumbs>
         </div>

diff --git a/src/components/breadcrumbs/breadcrumbs.tsx b/src/components/breadcrumbs/breadcrumbs.tsx
@@ -7,11 +7,7 @@ export interface BreadcrumbsProps {
 }
 
 const Breadcrumbs = ({ children }: BreadcrumbsProps) => {
-    return (
-        <nav className="flex flex-row items-center justify-center gap-1" role="navigation">
-            {children}
-        </nav>
-    );
+    return <nav className="flex flex-row items-center gap-1">{children}</nav>;
 };
 
 Breadcrumbs.Item = BreadcrumbsItem;