rax-page-layout

Classic page layout for rax application.

| | | --- | | web |

Install

$ npm install rax-page-layout --save

Usage

import { PageLayout, PageHeader, PageFooter, PageMain } from 'rax-page-layout';

Components

PageLayout

Layout view for a page.

Props

| name | type | default | required | describe | support | |:---|:---|:---|:---|:---|:---| | children | RaxNode | - | false |PageMain | PageHeader | PageFooter | |

PageMain

Main content container for a page.

Props

| name | type | default | required | describe | support | |:---|:---|:---|:---|:---|:---| | children | RaxNode | - | false | children element | | | hasPullToRefresh | boolean | false | false | if has pull to refresh | | | isRefreshing | boolean | false | false | refresh state | | | betterScroll | boolean | false | false | if use better-scroll | |

PageHeader/PageFooter

Example

import { createElement, render } from 'rax';
import DriverUniversal from 'driver-universal';
import { PageLayout, PageHeader, PageFooter, PageMain } from 'rax-page-layout';

render(<PageLayout />, document.body, { driver: DriverUniversal });

License

MIT