aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/organisms/nav/breadcrumbs/breadcrumbs.stories.ts
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/organisms/nav/breadcrumbs/breadcrumbs.stories.ts')
-rw-r--r--src/components/organisms/nav/breadcrumbs/breadcrumbs.stories.ts36
1 files changed, 36 insertions, 0 deletions
diff --git a/src/components/organisms/nav/breadcrumbs/breadcrumbs.stories.ts b/src/components/organisms/nav/breadcrumbs/breadcrumbs.stories.ts
new file mode 100644
index 0000000..4667caf
--- /dev/null
+++ b/src/components/organisms/nav/breadcrumbs/breadcrumbs.stories.ts
@@ -0,0 +1,36 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Breadcrumbs } from './breadcrumbs';
+
+const meta = {
+ component: Breadcrumbs,
+ title: 'Organisms/Nav/Breadcrumbs',
+} satisfies Meta<typeof Breadcrumbs>;
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const OneItem: Story = {
+ args: {
+ items: [{ id: 'home', slug: '#', label: 'Home' }],
+ },
+};
+
+export const TwoItems: Story = {
+ args: {
+ items: [
+ { id: 'home', slug: '#', label: 'Home' },
+ { id: 'blog', slug: '#', label: 'Blog' },
+ ],
+ },
+};
+
+export const ThreeItemsOrMore: Story = {
+ args: {
+ items: [
+ { id: 'home', slug: '#', label: 'Home' },
+ { id: 'blog', slug: '#', label: 'Blog' },
+ { id: 'post1', slug: '#', label: 'A Post' },
+ ],
+ },
+};