diff options
Diffstat (limited to 'src/components/atoms/layout/aside/aside.stories.tsx')
| -rw-r--r-- | src/components/atoms/layout/aside/aside.stories.tsx | 34 |
1 files changed, 34 insertions, 0 deletions
diff --git a/src/components/atoms/layout/aside/aside.stories.tsx b/src/components/atoms/layout/aside/aside.stories.tsx new file mode 100644 index 0000000..a394d1b --- /dev/null +++ b/src/components/atoms/layout/aside/aside.stories.tsx @@ -0,0 +1,34 @@ +import type { ComponentMeta, ComponentStory } from '@storybook/react'; +import { Aside as AsideComponent } from './aside'; + +/** + * Aside - Storybook Meta + */ +export default { + title: 'Atoms/Layout', + component: AsideComponent, + argTypes: { + children: { + control: { + type: 'text', + }, + description: 'The contents.', + type: { + name: 'string', + required: true, + }, + }, + }, +} as ComponentMeta<typeof AsideComponent>; + +const Template: ComponentStory<typeof AsideComponent> = (args) => ( + <AsideComponent {...args} /> +); + +/** + * Layout Stories - Aside + */ +export const Aside = Template.bind({}); +Aside.args = { + children: 'The aside content.', +}; |
