Component

Author

SCSS Location: /styles/scss/partial/_author.scss
  • Status: Design
  • Status: Development
  • Status: Documentation

Description

An Author region that adds attribution to posts with an image, heading, subheading, link, and expandable description for each author.

Guidelines

The Author description is expandable if the description is 400 characters or more.

For expandable descriptions, the author__description div should be given a class of is-faded and an attribute of data-author="description"

For expandable descriptions, include the "Read More about" button markup, which should dynamically include the first name of the chosen author.

When the "Read More" button is clicked, the rotation of the chevron icon and the words "More" and "Less" should be toggled to reflect the state of the description.

When the "Read More" button is clicked, the aria-expanded attribute should be updated to reflect the state of the description.

Usage

The Author region is displayed below the body copy of a Resource Detail page.

This section can display one or more authors.

Explore more Resources from our Industry Influencers:

FIRST_NAME LAST_NAME Headshot.

Michael J. Bernard

Chief Tax Officer, Transaction Tax

See All Resources by Michael

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.

FIRST_NAME LAST_NAME Headshot.

David DeStefano

President, CEO and Chairperson of the Board

See All Resources by David

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.

FIRST_NAME LAST_NAME Headshot.

Peter Boerhof

VAT Director

See All Resources by Peter

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.