DetailsList (am-details-list)

am-details-list 使用原生 <dl>、<dt> 與 <dd> 呈現帳戶、專案或紀錄摘要。每筆資料可附加 meta，也可透過 href 連到相關資源。

使用

<DetailsList
  title="Workspace details"
  columns={2}
  striped
  items={[
    { label: "Owner", value: "Ariel Chen", meta: "Product lead" },
    { label: "Repository", value: "Astromer", href: "/repository" },
  ]}
/>

columns 只在桌面尺寸套用，手機會回到單欄；surface 支援 default、muted 與 elevated。