Components
Page Header Meta
The inline label/value fact row that sits under a PageHeader, separated by dividers.
Renders as a real <dl> — a set of muted label/value pairs separated by vertical dividers, wrapping on
narrow viewports. For "Departure Date · Service Class · Direction · DTE" style fact rows under a page
title.
- Departure Date
- 10/16/2027
- Service Class
- SE
- Direction
- E
- DTE
- 540 days
Props
Prop
Type
Do / Don't
- Do keep values pre-formatted, short, and scannable — this is a glance row, not a data table.
- Don't use this for more than four or five facts — past that, the row either wraps awkwardly or
should become a proper
DetailSummaryCard/ table instead.