aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/templates/layout/layout.stories.tsx
diff options
context:
space:
mode:
authorArmand Philippot <git@armandphilippot.com>2023-12-15 18:35:16 +0100
committerArmand Philippot <git@armandphilippot.com>2023-12-15 18:49:49 +0100
commit0f936ec0e7606cb79434d94096b6e113a7ce78eb (patch)
tree465ec7f66ac9459be6a18ac046e10357814c7b92 /src/components/templates/layout/layout.stories.tsx
parent4e4d2eb25365be861e19f9756cf334ba2faa6911 (diff)
refactor(stories): migrate stories to CSF3 format
Diffstat (limited to 'src/components/templates/layout/layout.stories.tsx')
-rw-r--r--src/components/templates/layout/layout.stories.tsx117
1 files changed, 0 insertions, 117 deletions
diff --git a/src/components/templates/layout/layout.stories.tsx b/src/components/templates/layout/layout.stories.tsx
deleted file mode 100644
index 6d55f34..0000000
--- a/src/components/templates/layout/layout.stories.tsx
+++ /dev/null
@@ -1,117 +0,0 @@
-import type { ComponentMeta, ComponentStory } from '@storybook/react';
-import { Layout as LayoutComponent } from './layout';
-
-/**
- * Layout - Storybook Meta
- */
-export default {
- title: 'Templates/LayoutBase',
- component: LayoutComponent,
- args: {
- breadcrumbSchema: [],
- isHome: false,
- },
- argTypes: {
- children: {
- control: {
- type: 'text',
- },
- description: 'The article content.',
- type: {
- name: 'string',
- required: true,
- },
- },
- breadcrumbSchema: {
- control: {
- type: 'null',
- },
- description: 'The JSON schema for breadcrumb items.',
- type: {
- name: 'object',
- required: true,
- value: {},
- },
- },
- isHome: {
- control: {
- type: 'boolean',
- },
- description: 'Determine if it is the homepage.',
- table: {
- category: 'Options',
- defaultValue: { summary: false },
- },
- type: {
- name: 'boolean',
- required: false,
- },
- },
- className: {
- control: {
- type: 'text',
- },
- description: 'Set additional classnames to the article element.',
- table: {
- category: 'Styles',
- },
- type: {
- name: 'string',
- required: false,
- },
- },
- useGrid: {
- control: {
- type: 'boolean',
- },
- description: 'Use the grid layout.',
- table: {
- category: 'Options',
- },
- type: {
- name: 'boolean',
- required: false,
- },
- },
- withExtraPadding: {
- control: {
- type: 'boolean',
- },
- description: 'Set additional padding at the bottom of the page.',
- table: {
- category: 'Options',
- },
- type: {
- name: 'boolean',
- required: false,
- },
- },
- },
- decorators: [
- (Story) => (
- <div
- id="__next"
- style={{
- flex: 1,
- display: 'flex',
- flexFlow: 'column nowrap',
- minHeight: '100vh',
- }}
- >
- <Story />
- </div>
- ),
- ],
- parameters: {
- layout: 'fullscreen',
- },
-} as ComponentMeta<typeof LayoutComponent>;
-
-const Template: ComponentStory<typeof LayoutComponent> = (args) => (
- <LayoutComponent {...args} />
-);
-
-/**
- * Layout Stories - Default
- */
-export const LayoutBase = Template.bind({});