ContentPageHeader

Status: Stable

Latest released: 2019

Current version: v1.19.0

Storybook
GitHub

Standard component for large headings at the top of content pages. Composed by the larger molecule, <WordPressContentPageHeader />.

Variants

Multiple authors

editorial review

E-Trade Review of 2018

E-Trade’s $6.95 trade commission isn’t the cheapest, but its superb educational resources and portfolio-building tools make it worth a look.

Pat Finance, Sherry Savings, Sam Frugal, Tim Chen, Wanda WealthApril 16, 2019
Many or all of the products featured here are from our partners who compensate us. This may influence which products we write about and where and how the product appears on a page. However, this does not influence our evaluations. Our opinions are our own.

No byline HREF

Tips and tricks

Frugality Tips by Sam

Even with no link.

Sam FrugalApril 16, 2019
Many or all of the products featured here are from our partners who compensate us. This may influence which products we write about and where and how the product appears on a page. However, this does not influence our evaluations. Our opinions are our own.

Development

import ContentPageHeader from '@nerdwallet/react-content-page-header';
<ContentPageHeader />;

Props

<ContentPageHeader>

advertiserDisclosureType

PRODUCT_TYPES.CREDIT_CARDS | PRODUCT_TYPES.INVESTING

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

Default

PRODUCT_TYPES.CREDIT_CARDS

authors

Array<Object>

Required

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

Array<{
name: string Required
url: string
}>

authoringDate

string

Required

Accepts an ISO 8601 date string. Will be formatted to:

Month date, year - eg. January 27, 2020


category

string

Content category.

Default

null

enableAnalytics

boolean

Flag indicating whether or not to enable bedrock instrumentation.

Default

false

hideAdvertiserDisclosure

boolean

Flag indicating whether or not to show the AdvertiserDisclosure component.

Default

false

hideAuthorByline

boolean

Flag indicating whether or not to show the author by line

Default

false

hideEditorialStandards

boolean

Flag indicating whether or not to show the EditorialStandards component.

Default

false

title

string

Required

Title content string.


synopsis

string

Synopsis (main body) string.

Default

null