App Header
Page title row with optional description and actions (floating CTA on mobile).
Page title row with optional description and actions (floating CTA on mobile).
import { AppHeader, AppHeaderContent, AppHeaderDescription, AppHeaderActions, AppHeaderActionButton } from "@coss/ui/shared/app-header";Example
Composition matches a real product call site. Copy is paraphrased.
apps/web · settings page header
Billing
Manage your billing and subscription.
Call sites
| File | Notes |
|---|---|
apps/web/modules/webhooks/views/webhooks-header.tsx | Webhooks header + CTA |
apps/web/modules/settings/my-account/out-of-office-view.tsx | OOO header |
Example URLs
Not exhaustive — a few places you can open locally (e.g. http://localhost:3000) to see this in product.
| Path | Notes |
|---|---|
/settings/developer/webhooks | Webhooks list header + CTA |
/settings/my-account/out-of-office | Page AppHeader |
Source
On This Page