History

Alexey Safronov b686e99f16 web: Common: Moved Layout and PageLayout to asc-web-common		2019-12-20 14:35:53 +03:00
..
sub-components	web: Common: Moved Layout and PageLayout to asc-web-common	2019-12-20 14:35:53 +03:00
index.js	web: Common: Moved Layout and PageLayout to asc-web-common	2019-12-20 14:35:53 +03:00
layout.stories.js	web: Common: Moved Layout and PageLayout to asc-web-common	2019-12-20 14:35:53 +03:00
layout.test.js	web: Common: Moved Layout and PageLayout to asc-web-common	2019-12-20 14:35:53 +03:00
README.md	web: Common: Moved Layout and PageLayout to asc-web-common	2019-12-20 14:35:53 +03:00

README.md

Layout

Default page layout

Usage

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

<Layout
  currentUser={currentUser}
  currentUserActions={currentUserActions}
  availableModules={availableModules}
  currentModuleId={currentModuleId}
  onLogoClick={onLogoClick}
  asideContent={asideContent}
  isBackdropVisible={false}
  isNavHoverEnabled={true}
  isNavOpened={false}
  isAsideVisible={false}
>
  PageLayout component content
</Layout>

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
`currentUser`	`object`	-	-	`null`	Need for display current user information
`currentUserActions`	`array`	-	-	`[ ]`	Actions for current user
`availableModules`	`array`	-	-	`[ ]`	Need for display modules list
`currentModuleId`	`string`	-	-	-	Current module
`onLogoClick`	`func`	-	-	-	Click on logo
`asideContent`	`node`	-	-	-	Content for aside display
`children`	`node`	-	-	-	Main content