---
id: Page
section: components
cssPrefix: pf-v5-c-page
propComponents: ['PageHeader', 'PageHeaderTools', 'PageHeaderToolsGroup', 'PageHeaderToolsItem']
deprecated: true
---

import { PageHeader as PageHeaderDeprecated, PageHeaderTools } from '@patternfly/react-core/deprecated';

## Page header examples

### Vertical navigation

This example shows the deprecated implementation of a page's vertical navigation. Our updated recommendation advises you to use a masthead and toolbar to make headers, rather than `<PageHeader>` and `<PageHeaderTools>` as shown in the following example.

```ts file="./PageVerticalNavUsingPageHeaderComponent.tsx"

```
