Layout

Page Header

A reusable page header with context, description, and primary actions.

Preview

This is the same source that shadcn installs from the generated JSON.

Workspace

Build a reusable product surface

Use this header for dashboards, settings pages, and internal tools that need a clear title, short context, and primary action.

Install

After building the registry and starting the dev server, run this command in a consuming project.

installpnpm dlx shadcn@latest add http://localhost:3000/r/page-header.json

Source and dependencies

Confirm the source path, registry dependencies, and npm dependencies before installing.

Source pathregistry/default/page-header/page-header.tsx

Registry dependencies

badgebutton

NPM dependencies

lucide-react