Content Block: Bio

This component is meant to display information about employees.

Cameron Adams

Interim Vice President, Digital and Enterprise Services

Kevin Gass

Tom Kay

Interim Chief Financial Officer

Patrick Davis

Usage Criteria

This component is used to provide information about company employees, their positions, and backgrounds. It shortens the content to a scannable length by hiding the rest behind a CTA with the option to expand. 

Do's and Don'ts

  • Do not use this component for anything other than the intended use, which is displaying employee biographies.
  • Do not mix different image configurations of this component in the same group (ie. adding images to some bios and not others)

Design Notes

When looking for a component with a similar layout for non-bio content, please consider the CTA: Text with Image or Content Block: Card > Expandable (Image).

Configurable Options

The body copy visible on the component in the collapsed state (not expanded) is determined by a configurable Character cutoff. There is also an optional field for Job title. The layout of the component is determined by whether an image has been included.

Developer Notes

Type
Name
AEM Component Name

Content Block: Bio

Code Base Name

card-image-bio

resourceSupertype

bclccomponents/components/content/base-textimage

SCSS Attributes

card-image-bio.scss

JavaScript
 
Status

Released (RC 1)

Version

Code Base v1.0

Designer Notes

Type
Name
Sketch Component Name

BCLC_Corporate_Designs/components/content-block/bio

Sketch Responsive Sizes

Desktop HD, Desktop, Tablet, Mobile

Status

Released (Master)

Version

Design 1.0