Patterns
PageHeader
Page title block with heading, description, and an actions slot.
A consistent page title block: a large heading, an optional description, and an optional actions slot pinned to the right (buttons, menus, etc.). Drop it at the top of any page for uniform spacing and typography.
Import
import { PageHeader } from "@yuhuanowo/yunui/patterns";
Basic
PageHeader
Dashboard
An overview of your account activity.
With actions
The actions slot takes any node — typically one or more buttons.
With actions
Projects
Manage your active projects.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| actions | ReactNode | — | |
| className | string | — | |
| description | string | — | |
| title* | string | — |