Rax-page-layout NPM

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
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 });