Examples

Page Header

PageHeader captures title, description, and trailing actions in a consistent responsive layout.

Standard header

Use the default layout for the top of a settings page or content section.

Release dashboard

Track launch readiness across teams and surface blockers before they ship.

Headline with rating

Custom React nodes render inline inside the description slot.

Studio archive

Rated 4.8 by 218 reviewers

Custom classNames

Pass per-section classNames for the root, content, title, description, or actions region.

Compact migration

Override padding and typography when the header is used in dense layouts.