Headings
Page headings
Top-of-page titles for full routes. Pair them with breadcrumbs, meta, and primary actions.
Simple
A bare page title for content-only routes.
Open
With meta
Title plus inline metadata badges.
Open
With actions
Title with primary and secondary action buttons.
Open
With meta and actions
Full-detail header pairing metadata and actions.
Open
With avatar and actions
Profile-style header with avatar and CTAs.
Open
With banner
Cover banner with overlapping profile mark.
Open
With tabs
Title and actions above a tab strip.
Open
With breadcrumbs
Breadcrumb trail above the page title.
Open
With breadcrumbs and actions
Breadcrumbs above a heading row with actions.
Open