Page

Container of general for display page content.

General

The content will be displayed in the center.

Content

Add Header and Footer for better layout.

Settings page

A page with a title and its main action in the Header, the form in the Content and the save button in the Footer. dotBackdrop adds the dots behind it.

APIs

Page.Props

Attribute	Description	Type	Accepted values	Default
render	render mode	PageRenderMode	-	`default`
dotBackdrop	show decorations in the background	`boolean`	-	`false`
dotSize	dot size in the background	`CSSProperties`	-	`1px`
dotSpace	space multiple between each dot	`number`	-	`1`
...	native props	`HTMLAttributes`	`'id', 'className', ...`	-

Page.Header.Props

Attribute	Description	Type	Accepted values	Default
center	align center	`boolean`	-	`false`
...	native props	`HTMLAttributes`	`'id', 'className', ...`	-

Page.Content.Props[alias: `Page.Body`]

Attribute	Description	Type	Accepted values	Default
...	native props	`HTMLAttributes`	`'id', 'className', ...`	-

Page.Footer.Props

Attribute	Description	Type	Accepted values	Default
...	native props	`HTMLAttributes`	`'id', 'className', ...`	-

PageRenderMode

type PageRenderMode =
  | 'default' // Normal rendering
  | 'effect' // Render after the first effect trigger
  | 'effect-seo' // like "effect", but prerender strings for SEO

Edit this page on GitHub

Page

Page.Content.Props[alias: Page.Body]

Page.Content.Props[alias: `Page.Body`]