blob: c165ac736944db625a7b81ab4291831819d19300 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
|
import type { ComponentMeta, ComponentStory } from '@storybook/react';
import { NavItem } from '../nav-item';
import { NavLink } from '../nav-link';
import { NavList } from './nav-list';
/**
* Nav - Storybook Meta
*/
export default {
title: 'Molecules/Nav/NavList',
component: NavList,
} as ComponentMeta<typeof NavList>;
const Template: ComponentStory<typeof NavList> = (args) => (
<NavList {...args} />
);
const NavItems = () => (
<>
<NavItem>
<NavLink href="#item1" label="Item 1" />
</NavItem>
<NavItem>
<NavLink href="#item2" label="Item 2" />
</NavItem>
<NavItem>
<NavLink href="#item3" label="Item 3" />
</NavItem>
<NavItem>
<NavLink href="#item4" label="Item 4" />
</NavItem>
</>
);
/**
* NavList Stories - Default
*/
export const Default = Template.bind({});
Default.args = {
children: <NavItems />,
};
/**
* NavList Stories - Inlined
*/
export const Inlined = Template.bind({});
Inlined.args = {
children: <NavItems />,
isInline: true,
spacing: 'sm',
};
|
