Page Header
Page-level header with breadcrumb, title, badge, description, actions, and tabs.
Settings
Manage your account preferences.
Installation
npx paubha@latest add page-headerUsage
import { PageHeader } from "@/components/ui/page-header";
import { Button } from "@/components/ui/button";
<PageHeader
title="Settings"
description="Manage your account preferences."
actions={<Button variant="secondary" size="sm">Save</Button>}
/>Examples
With breadcrumb
Home / Settings / Profile
Profile
Update your public profile information.