A document wrapper that sets the page `<title>` and `<meta name="description">` and wraps its children in one root element — no header, footer or layout regions.
A document wrapper that sets the page <title> and <meta name="description"> and wraps its children in one root element — no header, footer or layout regions.
Usage
1import { Page } from "@behivetech/templates.page";23<Page>Content</Page>;
Examples
Open all 1 →Basic Page
1const BasicPage = () => (2 <Page3 title="Example Page"4 description="An example page using the Page template"5 >6 <h1>Welcome</h1>7 <p>This page has no extra margin, padding, or border around it.</p>8 </Page>9);1011render(<BasicPage />);
Properties
Page props
| Prop | Type | Default | Description |
|---|---|---|---|
children | ReactNode | — | Page content |
className | string | — | Additional class names to merge with the component root element |
description | string | — | Meta description rendered into a `<meta name="description">` tag |
title | string | — | Document title rendered into a `<title>` tag |
Also accepts the native attributes of its root element (className, aria-*, event handlers, …).