AuthorByline

Status: Stable

Storybook

GitHub

Standardizes the authors that serve as the byline for article posts. One example usage is within <ContentPageHeader>.

Examples

Default

Pat Finance, Sherry Savings

Oct 24, 2018

Open in Playroom

<AuthorByline
  authors={[
    {
      name: 'Pat Finance',
      url: 'nerdwallet.com',
    },
    {
      name: 'Sherry Savings',
      url: '#',
    },
  ]}
  authoringDate="2018-10-24T18:06:35.079Z"
/>

Without a date

Pat Finance, Sherry Savings, Sam Frugal, Tim Chen, Wanda Wealth

Open in Playroom

<AuthorByline
  authors={[
    {
      name: 'Pat Finance',
      url: 'nerdwallet.com',
    },
    {
      name: 'Sherry Savings',
      url: '#',
    },
    {
      name: 'Sam Frugal',
    },
    {
      name: 'Tim Chen',
    },
    {
      name: 'Wanda Wealth',
      url: '#',
    },
  ]}
/>

Props

<AuthorByline>

authors

Required

Array<{

name: string

url?: string

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

authoringDate

string

Accepts an ISO8601 date string. Will be formatted to:

Month date, year - e.g. January 27, 2020

reviewers

Array<{

name: string

url?: string

1 or more reviewers that will be rendered (as a Type or optional Link).

ref

(instance: any) => void | RefObject<any>