Page Header
Full-width page title block with breadcrumbs, supporting text, search, and action slots.
import
{ PageHeader } from "@pepulux/ui"Simple
Team members
Manage your team's access and roles.
Avatar style
O
Olivia Rhye
olivia@example.com
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| title* | string | — | Page heading |
| supportingText | string | — | Sub-text below the title |
| style | "simple" | "avatar" | "simple" | Layout variant |
| breadcrumbs | PageHeaderBreadcrumb[] | — | Array of { label, href? } breadcrumb items |
| actions | ReactNode | — | Action slot (right side) |
| search | boolean | — | Shows a search icon button |
| divider | boolean | false | Adds a bottom border |
| avatarSrc | string | — | Avatar image URL (avatar style only) |
| avatarStatus | "online" | "none" | — | Avatar status indicator |