返回组件列表
布局
页面标题区
带上下文、说明和主要操作的通用页面标题区。
预览
这里展示的源码与 shadcn 从生成 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.
安装
构建 registry 并启动开发服务后，在消费项目中运行这条命令。
安装命令
pnpm dlx shadcn@latest add http://localhost:3000/r/page-header.json源码与依赖
安装前可以确认组件源码路径、registry 依赖和 npm 依赖。
源码路径
registry/default/page-header/page-header.tsxRegistry 依赖
badgebutton
NPM 依赖
lucide-react