Documentation
Consistent page header component with title, description, and optional actions.
import { PageHeader } from "@/components/common/page-header"
;<PageHeader
title="Page Title"
description="Page description"
actions={<Button>Action</Button>}
/>
| Prop | Type | Default | Description |
|---|---|---|---|
title | string | - | Page title (required) |
description | string | - | Page description |
actions | ReactNode | - | Action buttons/elements |
className | string | - | Additional CSS classes |
<PageHeader
title="Dashboard"
description="View your account overview and statistics"
actions={
<>
<Button variant="outline">Export</Button>
<Button>Create New</Button>
</>
}
/>