shadcn/ui page header blocks & components.
shadcn/ui page header blocks & components.Application page headers for shadcn/ui: title-and-actions rows, breadcrumbs with status badges, tabbed headers, detail-view headers with metadata and avatar stacks, list-view toolbars with search and filters, and an overview header with an inline stats strip. The consistent top edge every app screen needs.
Title With Export Actions
Variant 1Application page header with a title, description, and Export plus New Project buttons above the page content area.
@7ovr/page-header-1Breadcrumb Header With Status
Variant 2Page header with a breadcrumb trail, a title paired with an Active status badge, and Export and Save Changes actions.
@7ovr/page-header-2Header With Section Tabs
Variant 3Settings page header with a title, description, primary action, and Overview, Members, and Billing tabs that switch the content below.
@7ovr/page-header-3Detail Header With Back Link
Variant 4Detail view page header with a back link, status badge, owner avatar and created date metadata, a contributor avatar stack, and share and edit actions.
@7ovr/page-header-4Header With Search Toolbar
Variant 5List view page header with a title, primary action, and a toolbar of search input, status and sort selects, and a list or grid view toggle.
@7ovr/page-header-5Header With Metrics Strip
Variant 6Analytics page header with an eyebrow, title, export and settings actions, and an inline four-metric stats strip showing deltas.
@7ovr/page-header-6
