diff options
Diffstat (limited to 'src/components/templates/page/page.stories.tsx')
| -rw-r--r-- | src/components/templates/page/page.stories.tsx | 40 |
1 files changed, 40 insertions, 0 deletions
diff --git a/src/components/templates/page/page.stories.tsx b/src/components/templates/page/page.stories.tsx index 6b1058e..8b1616b 100644 --- a/src/components/templates/page/page.stories.tsx +++ b/src/components/templates/page/page.stories.tsx @@ -7,6 +7,7 @@ import { PageBody } from './page-body'; import { PageComments } from './page-comments'; import { PageFooter } from './page-footer'; import { PageHeader } from './page-header'; +import { PageSection } from './page-section'; import { PageSidebar } from './page-sidebar'; /** @@ -454,3 +455,42 @@ HeaderBodyComments.args = { </> ), }; + +/** + * Page Stories - SectionedPage + */ +export const SectionedPage = Template.bind({}); +SectionedPage.args = { + children: ( + <> + <PageSection> + <Heading level={2}>A section title</Heading> + <p> + Illo temporibus nihil maiores nesciunt. Veritatis distinctio aperiam + culpa eveniet incidunt eos harum porro labore. Soluta culpa unde + adipisci fugiat voluptas eos. + </p> + </PageSection> + <PageSection variant="dark"> + <Heading level={2}>Another section title</Heading> + <p> + Sint consequatur animi eum beatae. Non corporis quos quia et magnam. + Cumque molestiae blanditiis aut. Et suscipit iusto laudantium iusto + dignissimos. + </p> + </PageSection> + <PageSection> + <Heading level={2}>A third section title</Heading> + <p> + Omnis corporis perferendis animi iste quidem placeat est minus. Enim + autem consequatur voluptatem provident qui culpa. Aliquid aliquam + consequatur non explicabo ut distinctio quis a non. Delectus unde odio + eveniet temporibus omnis. Reprehenderit consequatur minima in + consequatur saepe est sed. Accusantium quia quae magnam expedita nihil + rerum omnis temporibus perspiciatis. + </p> + </PageSection> + </> + ), + hasSections: true, +}; |