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.

APIs

Page.Props

AttributeDescriptionTypeAccepted valuesDefault
renderrender modePageRenderMode-default
dotBackdropshow decorations in the backgroundboolean-false
dotSizedot size in the backgroundCSSProperties-1px
dotSpacespace multiple between each dotnumber-1
...native propsHTMLAttributes'id', 'className', ...-

Page.Header.Props

AttributeDescriptionTypeAccepted valuesDefault
centeralign centerboolean-false
...native propsHTMLAttributes'id', 'className', ...-

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

AttributeDescriptionTypeAccepted valuesDefault
...native propsHTMLAttributes'id', 'className', ...-

Page.Footer.Props

AttributeDescriptionTypeAccepted valuesDefault
...native propsHTMLAttributes'id', 'className', ...-

PageRenderMode

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