# Post header

> The top of an article; category, title, byline, date, reading time, cover image.

URL: https://apogee.avaui.dev/docs/sections/post-header
Last updated: 2026-10-15

The top of an article; category, title, byline, date, reading time, cover image.

Last updated October 15, 2026

```astro
<PostHeader eyebrow="Engineering" heading="Zero JavaScript until it earns its place" author={{ name, avatar?, role? }} date="2026-09-18" readingTime="6 min read" media={{ src, alt }} />
```

## Add

```sh
npx @ava-ui/apogee add post-header
```

## API

| Prop | Type | Default | Category | Description |
| --- | --- | --- | --- | --- |
| `eyebrow` | `string` | — | content | Category or kicker. |
| `heading` | `string` | — | content | Required. |
| `description` | `string` | — | content | Standfirst. |
| `author` | `{ name, avatar?, role? }` | — | content |  |
| `date` | `string` | — | content | Required ISO date. |
| `readingTime` | `string` | — | content | Free text, e.g. “6 min read”. |
| `media` | `{ src, alt, width?, height? }` | — | content | Cover image. |
| `locale` | `string` | page locale or `'en'` | content | Date formatting locale. |
| `layout` | `'centered' \| 'split'` | `'centered'` | layout |  |
| `background`, `spacing`, `headingLevel`, `id` |  | `headingLevel` is `1` | layout | As on every section. |

## Layouts

```astro
<PostHeader layout="split" … />
```

## Accessibility

-   Renders a `header` labelled by the title; the default heading level is 1, one per page.