ContentPageHeader

v1.13.2Edit this page

Standardize large headings on the top of content pages.

Also supports the following higher order components:

  • WordPressContentPageHeader />

WordPressContentPageHeader

WordPressContentPageHeader (WPCPH) is used to standardize some of the article headers across React-based WordPress (WP) apps like article-client and universal-roundup-client. It takes vanilla WP entites from the WP API, and provides them to an underlying <ContentPageHeader />.

Here's a small example of its usage:

Loading...

Loading examples...

Props

<ContentPageHeader>

Name

Description

Type

Default

advertiserDisclosureType

Type of messaging the advertiser disclosure will render. Currently supports "investing" or the default. See the AdvertiserDisclosure propTypes for more information.

one of [[object Object],[object Object]]

PRODUCT_TYPES.CREDIT_CARDS

authors

1 or more authors that will be rendered (as a Type or optional Link) in the byline.

array

authors.*.name

string

authors.*.url

string

authoringDate

Accepts an ISO 8601 date string. Will be formatted to: Month date, year - eg. January 27, 2020

string

category

Content category.

string

null

hideAdvertiserDisclosure

Flag indicating whether or not to show the AdvertiserDisclosure component.

bool

false

hideEditorialStandards

Flag indicating whether or not to show the EditorialStandards component.

bool

false

title

Title content string.

string

synopsis

Synopsis (main body) string.

string

null

Usage

Best Practices

The containing component of <ContentPageHeader /> should generally have margin-vertical-3 applied to provide adequate vertical spacing above the <AdvertiserDisclosure /> and below the <EditorialStandards />.

Maintainers

This component was created by Piper Chester.

See Also