Appearance
PageHeader
Consistent page header with title, subtitle, back button, and actions.
Props
PageHeaderProps
| Prop | Type | Required | Description |
|---|---|---|---|
title | string | ReactNode | No | Main title |
subtitle | string | ReactNode | No | Subtitle text |
backButton | BackButtonConfig | No | Back button configuration |
actions | ReactNode | No | Right-side action buttons |
className | string | No | Container class |
BackButtonConfig
| Property | Type | Description |
|---|---|---|
to | string | Navigation URL |
label | string | Aria label (default: "Regresar") |
onClick | () => void | Custom click handler |
Example
tsx
<PageHeader
title="User Settings"
subtitle="Manage your account preferences"
backButton={{ to: '/dashboard' }}
actions={
<Button onClick={handleSave}>Save</Button>
}
/>