PageWithBreadcrumb
A centered content page with a breadcrumb navigation and page header.
Category: display · WCAG 2.1-AA · block, breadcrumb, page, navigation
When to use
- A centered content page with breadcrumb navigation and a page header
- Deep pages where users need hierarchical context
When not to use
- Top-level pages with no hierarchy to express
- You only need the header without breadcrumbs — use PageHeader
Examples
Default
Page with breadcrumb
<PageWithBreadcrumb />Related components
- PageHeader — Uses a page header with a breadcrumb slot