PageLayout
Default page layout
Usage
import PageLayout from "@appserver/common/components/PageLayout";
<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 |