aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/molecules/nav/breadcrumb.stories.tsx
diff options
context:
space:
mode:
authorArmand Philippot <git@armandphilippot.com>2023-10-24 19:26:47 +0200
committerArmand Philippot <git@armandphilippot.com>2023-11-11 18:15:27 +0100
commit73e12fe8ae059ef70bbdf8716af421cb72aec76c (patch)
tree2971d405b34b10b44ecb446cd591c96adc2206f1 /src/components/molecules/nav/breadcrumb.stories.tsx
parent3f8ae3f558446aba3870e90c899db25ad9321499 (diff)
refactor(components): rewrite Breadcrumbs component
Diffstat (limited to 'src/components/molecules/nav/breadcrumb.stories.tsx')
-rw-r--r--src/components/molecules/nav/breadcrumb.stories.tsx81
1 files changed, 0 insertions, 81 deletions
diff --git a/src/components/molecules/nav/breadcrumb.stories.tsx b/src/components/molecules/nav/breadcrumb.stories.tsx
deleted file mode 100644
index b6dd619..0000000
--- a/src/components/molecules/nav/breadcrumb.stories.tsx
+++ /dev/null
@@ -1,81 +0,0 @@
-import { ComponentMeta, ComponentStory } from '@storybook/react';
-import { Breadcrumb } from './breadcrumb';
-
-/**
- * Breadcrumb - Storybook Meta
- */
-export default {
- title: 'Molecules/Navigation/Breadcrumb',
- component: Breadcrumb,
- argTypes: {
- className: {
- control: {
- type: 'text',
- },
- table: {
- category: 'Styles',
- },
- description: 'Set additional classnames to the nav element.',
- type: {
- name: 'string',
- required: false,
- },
- },
- itemClassName: {
- control: {
- type: 'text',
- },
- table: {
- category: 'Styles',
- },
- description: 'Set additional classnames to the breadcrumb items.',
- type: {
- name: 'string',
- required: false,
- },
- },
- items: {
- description: 'The breadcrumb items.',
- type: {
- name: 'object',
- required: true,
- value: {},
- },
- },
- },
-} as ComponentMeta<typeof Breadcrumb>;
-
-const Template: ComponentStory<typeof Breadcrumb> = (args) => (
- <Breadcrumb {...args} />
-);
-
-/**
- * Breadcrumb Stories - One item
- */
-export const OneItem = Template.bind({});
-OneItem.args = {
- items: [{ id: 'home', url: '#', name: 'Home' }],
-};
-
-/**
- * Breadcrumb Stories - Two items
- */
-export const TwoItems = Template.bind({});
-TwoItems.args = {
- items: [
- { id: 'home', url: '#', name: 'Home' },
- { id: 'blog', url: '#', name: 'Blog' },
- ],
-};
-
-/**
- * Breadcrumb Stories - Three items
- */
-export const ThreeItems = Template.bind({});
-ThreeItems.args = {
- items: [
- { id: 'home', url: '#', name: 'Home' },
- { id: 'blog', url: '#', name: 'Blog' },
- { id: 'post1', url: '#', name: 'A Post' },
- ],
-};