PageHeader

ComponentLayout Source

A page's heading, marked with an accent bar: an eyebrow, the title, a description and actions. Page uses it; use it on its own for pages laid out some other way.

PageHeader(props: PageHeaderProps): Element

Props

titlerequiredComponentChildren

The page heading. Can include a Highlight for a few words.

eyebrowoptionalComponentChildren

A short label above the title.

descriptionoptionalComponentChildren

A sentence or two under the title.

actionsoptionalComponentChildren

Buttons or links under the description.

classoptionalstring