跳到內容

ArticleHeader (am-article-header)

am-article-header 用來固定文章頁開頭的資訊密度。它把 title、description 與 metadata 收斂到一個可重用 shell,不需要 consumer 再手動拼 section spacing。

  • 內建 SectionContainer
  • 支援 eyebrowtitledescription
  • meta 接受字串陣列,適合日期、閱讀時間、分類標記
  • align 可選 startcenter
<ArticleHeader
eyebrow="Guide"
title="Ship article pages on the same contract as landing pages."
description="Keep the page shell stable before the editor starts composing."
meta={["July 16, 2026", "8 min read"]}
/>

詳見 playground /playground/article/ 範例。