renamed breadcrumb to breadcrumbs

src/components/breadcrumbs/breadcrumbs.stories.tsx

@@ -0,0 +1,33 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import React from "react";
+import { Breadcrumbs } from "./breadcrumbs";
+
+const meta: Meta<typeof Breadcrumbs> = {
+    title: "Breadcrumb",
+    component: Breadcrumbs,
+    args: {},
+};
+
+export default meta;
+
+type Story = StoryObj<typeof Breadcrumbs>;
+
+export const Base: Story = {
+    render: () => (
+        <div className="p-4">
+            <Breadcrumbs>
+                <Breadcrumbs.Item href="/">Home</Breadcrumbs.Item>
+
+                <Breadcrumbs.Arrow />
+
+                <Breadcrumbs.Item href="/">Library</Breadcrumbs.Item>
+
+                <Breadcrumbs.Arrow />
+
+                <Breadcrumbs.Item href="/" active>
+                    Book
+                </Breadcrumbs.Item>
+            </Breadcrumbs>
+        </div>
+    ),
+};

src/components/breadcrumb/breadcrumb.tsx → src/components/breadcrumbs/breadcrumbs.tsx

@@ -2,19 +2,19 @@ import React from "react";
 import { BreadcrumbItem } from "./breadcrumb-item";
 import { BreadcrumbArrow } from "./breadcrumb-arrow";
 
-export interface BreadcrumbProps {
+export interface BreadcrumbsProps {
     children: React.ReactNode;
 }
 
-const Breadcrumb = ({ children }: BreadcrumbProps) => {
+const Breadcrumbs = ({ children }: BreadcrumbsProps) => {
     return (
         <nav className="flex flex-row items-center justify-center gap-1" role="navigation">
             {children}
         </nav>
     );
 };
 
-Breadcrumb.Item = BreadcrumbItem;
-Breadcrumb.Arrow = BreadcrumbArrow;
+Breadcrumbs.Item = BreadcrumbItem;
+Breadcrumbs.Arrow = BreadcrumbArrow;
 
-export { Breadcrumb };
+export { Breadcrumbs };

src/components/breadcrumbs/index.tsx

@@ -0,0 +1 @@
+export { Breadcrumbs } from "./breadcrumbs";

src/components/index.ts

@@ -1,7 +1,7 @@
 export { Alert, AlertIntent } from "./alert";
 export { Avatar } from "./avatar";
 export { Badge, BadgeType } from "./badge";
-export { Breadcrumb } from "./breadcrumb";
+export { Breadcrumbs } from "./breadcrumbs";
 export { Button } from "./button";
 export { Checkbox } from "./checkbox";
 export { Dialog } from "./dialog";