Page Header
The top of a page. A heading with actions, section tabs, a record's header with a back link and facts, and a list page's search.
The heading is the page's <h1>. Actions sit beside it on wide headers and wrap under it on narrow ones, measured by the header's own width. Links are plain <a> elements. For client-side navigation, pass your router's link to LinkProvider. See Routers.
Actions
A title and description with a secondary and a main action.
Orders
Every order across your stores, newest first.
Tabs
A status badge and links to the page's sections, with counts.
Acme Store
LiveStorefront, checkout and fulfilment for the EU region.
Record
A back link, an avatar, facts about the record and a menu for less common actions such as delete.
Jonas Weber
Activejonas@northwind.io
- Berlin, Germany
- Customer since Mar 2024
- 12 orders
List
A count beside the title, with search and the main action on the same row.
Customers
2,481People who bought from any of your stores.