# Article Header

## Essence

Article opening block for metadata, title, and topic tags.

`Article Header` is the first child block inside `Article Page`. It owns the article metadata rhythm and title opening, while `Article Page` stays spacing-free.

## Hook

Use inside `Article Page` before `Article Short Version` and `Article Body`.

## Internal Rules

- Consumes `--spacing-block-top/right/bottom/left`.
- Renders optional `publishedAt` before the title using the same date format as `Article Card`.
- Renders optional `title` as the article `h1`.
- Renders optional `topics` through `Tag`.
- Does not render summary, body text, back navigation, or related reading.

## Props

| Prop | Values | Purpose |
| --- | --- | --- |
| `publishedAt` | ISO date string | Optional publication date. |
| `title` | string | Optional article title. |
| `topics` | string[] | Optional topic labels. |

## Code Paths

- `packages/design-system/src/components/ArticleHeader.astro`
- `packages/design-system/src/components/ArticlePage.astro`