Usage

Put one PageHeader at the top of each page, under the AppHeader. It is one component: breadcrumbs are the page's parents, all links, starting with Home and then its side-nav section; the header closes the trail with the title as the current crumb, so it always reads Home › section › this page (like Home › Accounts › Northwind Traders). Then the title row with an optional badge, and an icon before the title only when you pass one (none by default), and the page actions on the end. actions are kit Buttons, size sm, with the one strong brand Button last; moreActions puts less-used actions in a More menu before them. sticky is the compact bar for when the page scrolls: one line whose trail ends in the page title, with a raised shadow unless shadow is false. See contracts/pageheader.json for the full contract. On a phone-width header, under 640px of its own width, the title row takes the full width and the actions move onto their own row under it, starting at the start edge; the compact sticky bar stays one 52px line, keeping only the page name in its trail, shortened with an ellipsis when it runs long. The bar adds no side padding of its own: the page inset comes from the layout class around it (contracts/layout.json), so the title lines up with the Sections under it. The bar is the top of the page, so it sits flush against the frame's bar with no page inset above it; the pattern holding it (AppShell, RecordPage) takes care of that.