Page

Container of general for display page content.

Default

The content will be displayed in the center.

Content

Add Header and Footer for better layout.

APIs

Page.Props

AttributeDescriptionTypeAccepted valuesDefault
sizesize of pagePageSize-medium
renderrender modePageRenderMode-default
dotBackdropshow decorations in the backgroundboolean-false
...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', ...-

PageSize

type PageSize = string | 'mini' | 'small' | 'medium' | 'large'

PageRenderMode

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