History

gopienkonikita c2d272dd4d Web: Components: fixed layout styles		2019-12-05 16:13:40 +03:00
..
sub-components	Web: Components: fixed layout styles	2019-12-05 16:13:40 +03:00
index.js	web: components: page-layout:	2019-11-14 15:13:54 +03:00
new.js	grammar fix	2019-09-12 15:28:13 +03:00
page-layout.stories.js	web.components: Text: refactoring, separating component to 3 components, apply changes	2019-12-04 12:36:13 +03:00
page-layout.test.js	web: Components: Added tests for PageLayout component.	2019-11-25 14:18:12 +03:00
README.md	web: Components: Added story and readme for PageLayout component.	2019-11-25 14:17:53 +03:00

README.md

PageLayout

Default page layout

Usage

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

<PageLayout
  articleHeaderContent={articleHeaderContent}
  articleMainButtonContent={articleMainButtonContent}
  articleBodyContent={articleBodyContent}
  sectionHeaderContent={sectionHeaderContent}
  sectionFilterContent={sectionFilterContent}
  sectionBodyContent={sectionBodyContent}
  sectionPagingContent={sectionPagingContent}
/>

Properties

Props	Type	Required	Values	Default	Description
`isBackdropVisible`	`bool`	-	-	`false`	If you need display Backdrop
`isNavHoverEnabled`	`bool`	-	-	`true`	If you need hover navigation on Backdrop
`isNavOpened`	`bool`	-	-	`false`	If you need display navigation
`isAsideVisible`	`bool`	-	-	`false`	If you need display aside
`withBodyScroll`	`bool`	-	-	`true`	If you need display scroll inside content