Page Header with Breadcrumbs

An application page header with breadcrumbs, a status badge, and action buttons.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Page Header with Breadcrumbs to your project and fits it to your theme.

import PageHeaderBlock from "@/components/ui/page-header-2";

export default function Default() {
  return (
    <div className="w-full [&>section]:min-h-0 [&>section]:px-8 [&>section]:py-10">
      <PageHeaderBlock />
    </div>
  );
}