### children
- type: ReactNode
- description: Accepts compound components as child items:
- `<Page.Header/>`
- `<Page.Content/>`
- `<Page.Tail/>`
- `<Page.Section/>`
- `<Page.Footer/>`
### dataHook
- type: string
- description: Applies a data-hook HTML attribute that can be used in the tests.
### backgroundImageUrl
- type: string
- description: Provides a link to the background image source (URL). The image is displayed at the top of the page, underneath the \<Page.Header/>.
### maxWidth
- type: number
- description: Sets the maximum width of the page (paddings excluded)
### minWidth
- type: number
- description: Sets the minimum width of the page (paddings excluded). When `mobile` is enabled on `<WixDesignSystemProvider/>`, the default minimum width is removed, but an explicitly provided value is still applied.
### height
- type: string
- description: Sets the height of the page in pixels (px), viewport height (vh), etc.
### sidePadding
- type: number
- description: Sets the side paddings of a page. Also applies when `<Page.Content/>` is `fullScreen`.
### verticalPadding
- type: number
- description: Sets the top and bottom paddings of the page content in pixels. The top padding applies only when the page has no `<Page.Header/>` or `<Page.Tail/>`, and the bottom padding only when it has no `<Page.FixedFooter/>`. When not set, the content has no top padding and a 48px bottom padding.
### className
- type: string
- description: Specifies a CSS class name to be appended to the component's root element.
- internal
### gradientClassName
- type: string
- description: Specifies a CSS class name that defines a gradient background for \<Page.Header/>.
### scrollableContentRef
- type: (ref: HTMLElement | null) => void
- description: Defines a reference called together with page scrollable content ref after page mount.
 <br/>
**Note** - if you need this ref only for listening to scroll events on the scrollable content then use this prop instead:
`scrollProps = {onScrollChanged/onScrollAreaChanged}`
### zIndex
- type: number
- description: Specifies the stack order (z-index) of a page.
### horizontalScroll
- type: boolean
- description: Enables page content to scroll horizontally when its width exceed maximum allowed width.
### scrollProps
- type: ScrollableContainerCommonProps
- description: Pass properties related to the scrollable content of the page.
<br/>
**onScrollAreaChanged** - defines a handler function for scroll area changes.
Function is triggered when the user scrolls to a different area of the scrollable content. See signature for possible areas:
`function({area: {y: AreaY, x: AreaX}, target: HTMLElement}) => void`
`AreaY`: top | middle | bottom | none
`AreaX`: start | middle | end | none (not implemented yet)
<br/>
**onScrollAreaChanged** - defines a general handler for scroll changes with throttling (100ms):
`function({target: HTMLElement}) => void`