Design System
Components

Page Header

The page title block — optional back link, eyebrow, large title, description, right-aligned actions.

The one title block every detail or admin page starts from — an optional <BackLink>, an optional Eyebrow overline, the page title, an optional description, and a right-aligned actions slot. Pair it with PageHeaderMeta underneath for a row of inline field/value facts.

Departure Leg

RTR — Denver to Glenwood Springs

Rail service, cost, and sell price management for this leg.

Props

Prop

Type

Do / Don't

  • Do put the single most important action in actions (Edit, Create New), not a whole toolbar — this is a page title, not a secondary nav bar.
  • Do use backHref for real "return to where I came from" wayfinding (a detail page back to its list), not as a substitute for the app shell's own navigation.
  • Don't duplicate the eyebrow/title pairing a level down inside the page body — this component is the one title per page; a section inside the page reaches for SectionCard instead.

On this page