Hi my dear!
This is an example to show the body of a page.
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.
Header
Hi my dear!
This is an example to show the body of a page.
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
Previous
Note
Next
Pagination
MADE & DESIGNED WITHBY BRUNO ANDRADE
