History

Artem Tarasov 4031a609b8 Merge branch 'develop' into hotfix/documents-bugfix # Conflicts: # web/ASC.Web.Common/package.json # web/ASC.Web.Components/src/components/icons/svg/index.js		2020-11-10 13:34:04 +03:00
..
locales	Web: Common: Applied prettier style fix	2020-10-16 15:38:04 +03:00
sub-components	Merge branch 'develop' into hotfix/documents-bugfix	2020-11-10 13:34:04 +03:00
i18n.js	Web: Common: Applied prettier style fix	2020-10-16 15:38:04 +03:00
index.js	Web: Common: fixed update main height timeout	2020-10-30 17:22:49 +03:00
page-layout.stories.js	Web: Common: Fixed start PageLayout story and README	2020-10-16 15:56:35 +03:00
page-layout.test.js	Web: Common: Applied prettier style fix	2020-10-16 15:38:04 +03:00
README.md	Web: Common: Fixed start PageLayout story and README	2020-10-16 15:56:35 +03:00

README.md

PageLayout

Default page layout

Usage

import { PageLayout } from "asc-web-common";

<PageLayout withBodyScroll={true}>
  <PageLayout.ArticleHeader>{articleHeaderContent}</PageLayout.ArticleHeader>

  <PageLayout.ArticleMainButton>
    {articleMainButtonContent}
  </PageLayout.ArticleMainButton>

  <PageLayout.ArticleBody>{articleBodyContent}</PageLayout.ArticleBody>

  <PageLayout.SectionHeader>{sectionHeaderContent}</PageLayout.SectionHeader>

  <PageLayout.SectionFilter>{sectionFilterContent}</PageLayout.SectionFilter>

  <PageLayout.SectionBody>{sectionBodyContent}</PageLayout.SectionBody>

  <PageLayout.SectionPaging>{sectionPagingContent}</PageLayout.SectionPaging>
</PageLayout>

Properties

Props	Type	Required	Values	Default	Description
`articleHeaderContent`	`bool`	-	-	-	Article header content
`articleMainButtonContent`	`bool`	-	-	-	Article main button content
`articleBodyContent`	`bool`	-	-	-	Article body content
`sectionHeaderContent`	`bool`	-	-	-	Section header content
`sectionFilterContent`	`bool`	-	-	-	Section filter content
`sectionBodyContent`	`bool`	-	-	-	Section body content
`sectionPagingContent`	`bool`	-	-	-	Section paging content
`withBodyScroll`	`bool`	-	-	`true`	If you need display scroll inside content
`withBodyAutoFocus`	`bool`	-	-	`false`	If you need set focus on content element