Page

Constrains page content to a readable width.

When to use it

• Wrapping the main content of a page.

When not to use it

• Full-bleed regions such as a header bar.

Examples

Each example is a conformance case: every emitter — React, and each framework adapter — is checked against exactly this markup.

basic

<div class="gov-page">Page content</div>

{
  "children": "Page content"
}

Accessibility

• A layout container only. It adds no semantics, because the page's landmarks belong to the application shell.

Class names

View the manifest for this component: packages/manifest/components/page.json