aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/molecules/nav/nav-list.stories.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/molecules/nav/nav-list.stories.tsx')
-rw-r--r--src/components/molecules/nav/nav-list.stories.tsx111
1 files changed, 0 insertions, 111 deletions
diff --git a/src/components/molecules/nav/nav-list.stories.tsx b/src/components/molecules/nav/nav-list.stories.tsx
deleted file mode 100644
index baaa8df..0000000
--- a/src/components/molecules/nav/nav-list.stories.tsx
+++ /dev/null
@@ -1,111 +0,0 @@
-import type { ComponentMeta, ComponentStory } from '@storybook/react';
-import { Icon } from '../../atoms';
-import { NavList, type NavItem } from './nav-list';
-
-/**
- * Nav - Storybook Meta
- */
-export default {
- title: 'Molecules/Navigation/Nav',
- component: NavList,
- argTypes: {
- 'aria-label': {
- control: {
- type: 'text',
- },
- description: 'An accessible name for the navigation.',
- table: {
- category: 'Accessibility',
- },
- type: {
- name: 'string',
- required: false,
- },
- },
- className: {
- control: {
- type: 'text',
- },
- description: 'Set additional classnames to the navigation wrapper.',
- table: {
- category: 'Styles',
- },
- type: {
- name: 'string',
- required: false,
- },
- },
- items: {
- control: {
- type: null,
- },
- description: 'The nav items.',
- type: {
- name: 'other',
- required: true,
- value: '',
- },
- },
- kind: {
- control: {
- type: 'select',
- },
- description: 'The navigation kind.',
- options: ['main', 'footer'],
- type: {
- name: 'string',
- required: true,
- },
- },
- listClassName: {
- control: {
- type: 'text',
- },
- description: 'Set additional classnames to the navigation list.',
- table: {
- category: 'Styles',
- },
- type: {
- name: 'string',
- required: false,
- },
- },
- },
-} as ComponentMeta<typeof NavList>;
-
-const Template: ComponentStory<typeof NavList> = (args) => (
- <NavList {...args} />
-);
-
-const MainNavItems: NavItem[] = [
- { id: 'homeLink', href: '/', label: 'Home', logo: <Icon shape="home" /> },
- {
- id: 'contactLink',
- href: '/contact',
- label: 'Contact',
- logo: <Icon shape="envelop" />,
- },
-];
-
-const FooterNavItems: NavItem[] = [
- { id: 'contactLink', href: '/contact', label: 'Contact' },
- { id: 'legalLink', href: '/legal-notice', label: 'Legal notice' },
-];
-
-/**
- * Nav Stories - Main navigation
- */
-export const MainNav = Template.bind({});
-MainNav.args = {
- items: MainNavItems,
- kind: 'main',
-};
-
-/**
- * Nav Stories - Footer navigation
- */
-export const FooterNav = Template.bind({});
-FooterNav.args = {
- items: FooterNavItems,
- kind: 'footer',
-};