2019-11-25 11:17:53 +00:00
|
|
|
# PageLayout
|
|
|
|
|
|
|
|
Default page layout
|
|
|
|
|
|
|
|
### Usage
|
|
|
|
|
|
|
|
```js
|
2019-12-20 11:35:53 +00:00
|
|
|
import { PageLayout } from "asc-web-common";
|
2019-11-25 11:17:53 +00:00
|
|
|
```
|
|
|
|
|
|
|
|
```jsx
|
|
|
|
<PageLayout
|
|
|
|
articleHeaderContent={articleHeaderContent}
|
|
|
|
articleMainButtonContent={articleMainButtonContent}
|
|
|
|
articleBodyContent={articleBodyContent}
|
|
|
|
sectionHeaderContent={sectionHeaderContent}
|
|
|
|
sectionFilterContent={sectionFilterContent}
|
|
|
|
sectionBodyContent={sectionBodyContent}
|
|
|
|
sectionPagingContent={sectionPagingContent}
|
|
|
|
/>
|
|
|
|
```
|
|
|
|
|
|
|
|
### Properties
|
|
|
|
|
2020-01-24 11:59:55 +00:00
|
|
|
| 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 |
|