Page sections

Page Header variations

A page header with breadcrumbs, title, status, actions, and optional tabs.

2 variations

2 results

Project settings

Active

Manage the configuration, members, and billing for the Aurora workspace.

dark

Breadcrumb, title with status badge, supporting copy, and primary/secondary actions.

Pro plan

Review usage, invoices, and payment methods for your team.

Plan, seats, and renewal date at a glance.

Metered usage for the current billing period.

Download past invoices and receipts.

Manage cards and billing contacts.

light

Adds a section tab row beneath the header for switching detail views.

Catalog metadata for this block. Install copies the source into your project.

npx cronus-ui add page-header

Field	Type	Default	Description
`slug`*	`string`	`"page-header"`	Registry item id. Passed to cronus-ui add.
`name`*	`string`	`"Page Header"`	Display name shown in the gallery.
`description`*	`string`	`"A page header with breadcrumbs, title, status, actions, and optional tabs."`	Short summary of what the block covers.
`variants`	`{ id: string; name: string; description: string }[]`	`["with-actions", "with-tabs"]`	Alternate layouts. Install a look with npx cronus-ui add <slug>--<id>. Omitted when the block has a single default.

Every published look for this block.

Id	Name	Description
`with-actions`	Title and actions	Breadcrumb, title with status badge, supporting copy, and primary/secondary actions.
`with-tabs`	Title and tabs	Adds a section tab row beneath the header for switching detail views.