# page-header

- 分组：组合组件（Composite）
- 页面：/components/page-header
- 源码：packages/react/src/components/page-header.tsx

## 导出

```ts
import { PageHeader } from "@modra/react";
```

## Props（PageHeaderProps）

| 名称 | 必填 | 类型 | 说明 |
| --- | --- | --- | --- |
| `breadcrumb` | 否 | `PageHeaderBreadcrumbItem[]` | Breadcrumb trail shown above the title. The last entry is rendered as the current page. |
| `icon` | 否 | `React.ReactNode` | A decorative icon shown before the title. |
| `onBack` | 否 | `() => void` | Renders a back button before the title and calls this handler when it is activated. |
| `backLabel` | 否 | `string` | Accessible name of the back button. Defaults to the locale string. |
| `title` | 是 | `React.ReactNode` |  |
| `description` | 否 | `React.ReactNode` | Secondary line under the title (body-sm size, muted). |
| `actions` | 否 | `React.ReactNode` | Actions row. Stays at the end of the title row on wide screens and wraps below the title on narrow ones. |
| `extra` | 否 | `React.ReactNode` | Extra content rendered below the title row (tabs, filters, …). |