PageHeader
Stripe FullPageView headerThe top of every page: the title in 2xl bold, an optional one-line description and meta line, and the page's actions on the right — at most one primary. Secondary actions are outline buttons or live in a ⋯ menu; destructive ones never lead.
With meta and actions
Customers
Active 1,204 customers
Everyone who has paid you or holds a wallet.
When to use
- Every page, once.
- Put a status or an id in meta on a record-like page.
Props
| Prop | Type | Description |
|---|---|---|
| title | ReactNode | The page title. |
| description | ReactNode | One line under it. |
| meta | ReactNode | Small facts: a status, an id. |
| actions | ReactNode | Buttons on the right; at most one primary. |
| icon | ComponentType | Rarely: an icon before the title. |
| titleStyle | CSSProperties | For a view-transition morph. |
| className | string | Extra classes on the outer element. |