PageHeader
Markdown for agentsStandard page heading: optional breadcrumbs, level-1 title, description, right-aligned actions and a sub-row slot.
npx slipstream-ui@latest add page-headerList page header
Studio / Classes
Classes
Manage your weekly schedule and enrollment.
Active 12Archived 3
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| title | string | required | Page heading rendered as h1. |
| description | string | — | Supporting summary under the title. |
| breadcrumbs | ReactNode | — | Trail rendered above the title. |
| actions | ReactNode | — | Right-aligned actions (buttons, menus). |
| children | ReactNode | — | Sub-row under the title (tabs, filters). |
Accessibility
- Renders exactly one h1 per page.
- Use Heading level={2} for section headings below the header.
Browser support
| Browser | Tested versions |
|---|---|
| Chrome | 111+ (Mar 2023) |
| Edge | 111+ (Mar 2023) |
| Firefox | 121+ (Dec 2023) |
| Safari | 17.2+ — macOS & iOS (Dec 2023) |
Slipstream components rely only on CSS custom properties, Flexbox/Grid, and ARIA — the everyday baseline of the last two years of evergreen releases. Anything newer is progressive enhancement: unsupported browsers keep full functionality with static behavior instead of animations.