aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/molecules/layout/page-header.stories.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/molecules/layout/page-header.stories.tsx')
-rw-r--r--src/components/molecules/layout/page-header.stories.tsx154
1 files changed, 0 insertions, 154 deletions
diff --git a/src/components/molecules/layout/page-header.stories.tsx b/src/components/molecules/layout/page-header.stories.tsx
deleted file mode 100644
index 97eae5a..0000000
--- a/src/components/molecules/layout/page-header.stories.tsx
+++ /dev/null
@@ -1,154 +0,0 @@
-import type { ComponentMeta, ComponentStory } from '@storybook/react';
-import { MetaItem, MetaList } from '../meta-list';
-import { PageHeader } from './page-header';
-
-/**
- * Page Header - Storybook Meta
- */
-export default {
- title: 'Molecules/Layout/PageHeader',
- component: PageHeader,
- argTypes: {
- className: {
- control: {
- type: 'text',
- },
- description: 'Set additional classnames to the header element.',
- table: {
- category: 'Styles',
- },
- type: {
- name: 'string',
- required: false,
- },
- },
- intro: {
- control: {
- type: 'text',
- },
- description: 'The page introduction.',
- table: {
- category: 'Options',
- },
- type: {
- name: 'string',
- required: false,
- },
- },
- meta: {
- description: 'The page metadata.',
- table: {
- category: 'Options',
- },
- type: {
- name: 'object',
- required: false,
- value: {},
- },
- },
- title: {
- control: {
- type: 'text',
- },
- description: 'The page title.',
- type: {
- name: 'string',
- required: true,
- },
- },
- },
-} as ComponentMeta<typeof PageHeader>;
-
-const Template: ComponentStory<typeof PageHeader> = (args) => (
- <PageHeader {...args} />
-);
-
-/**
- * Page Header Stories - Default
- */
-export const Default = Template.bind({});
-Default.args = {
- title: 'Excepturi nesciunt illum',
-};
-
-/**
- * Page Header Stories - With introduction
- */
-export const WithIntro = Template.bind({});
-WithIntro.args = {
- intro:
- 'Minima dolor nihil. Velit atque odit totam enim. Quisquam reprehenderit ut et inventore et nihil libero exercitationem. Cumque similique magni placeat et. Et sed est cumque labore. Et quia similique.',
- title: 'Excepturi nesciunt illum',
-};
-
-/**
- * Page Header Stories - With meta
- */
-export const WithMeta = Template.bind({});
-WithMeta.args = {
- meta: (
- <MetaList>
- <MetaItem isInline label="Published on:" value="2022-04-09" />
- <MetaItem
- isInline
- label="Thematics:"
- value={[
- {
- id: 'cat-1',
- value: (
- <a key="category1" href="#cat1">
- Category 1
- </a>
- ),
- },
- {
- id: 'cat-2',
- value: (
- <a key="category2" href="#cat2">
- Category 2
- </a>
- ),
- },
- ]}
- />
- </MetaList>
- ),
- title: 'Excepturi nesciunt illum',
-};
-
-/**
- * Page Header Stories - With introduction and meta
- */
-export const WithIntroAndMeta = Template.bind({});
-WithIntroAndMeta.args = {
- intro:
- 'Minima dolor nihil. Velit atque odit totam enim. Quisquam reprehenderit ut et inventore et nihil libero exercitationem. Cumque similique magni placeat et. Et sed est cumque labore. Et quia similique.',
- meta: (
- <MetaList>
- <MetaItem isInline label="Published on:" value="2022-04-09" />
- <MetaItem
- isInline
- label="Thematics:"
- value={[
- {
- id: 'cat-1',
- value: (
- <a key="category1" href="#cat1">
- Category 1
- </a>
- ),
- },
- {
- id: 'cat-2',
- value: (
- <a key="category2" href="#cat2">
- Category 2
- </a>
- ),
- },
- ]}
- />
- </MetaList>
- ),
- title: 'Excepturi nesciunt illum',
-};