Content Block: Stats > Featured

This component is used to display quick, quantitative facts.

Usage Criteria

This component helps display quick, quantitative facts in a way that draws visual attention.

Do's and Don'ts

  • Avoid having more than 4 instances of this component grouped together (more than 4 will spill over into a second row). The ideal number to have grouped together is 3.
  • Do not use this component if the supporting text for the fact is too long.

Design Notes

If there are many facts to list (more than 4), or there is not enough space to fully include a short description, consider using the Content Block: Stats > Small component. The Content Block: Stats > Small component can fit more facts and text on the page without taking as much space.

Configurable Options

This component has the option of configuring the Amount, Amount prefix, and Denomination. While the Amount prefix and Denomination are optional, a numerical Amount is required. 

Adding an image to the circle is also optional, and doing so will push the text upward, whereas having no image will keep the text centered. The component can be configured with or without a CTA.

Developer Notes

Type
Name
AEM Component Name

Content Block: Stats > Featured

Code Base Name

stats-featured

resourceSupertype

bclccorporate/components/content/base-textimage

SCSS Attributes

 

JavaScript
 
Status

Released (RC 1)

Version

Code Base v1.0

Designer Notes

Type
Name
Sketch Component Name

BCLC_Corporate_Designs/components/content-block/stats/featured

Sketch Responsive Sizes

Desktop HD, Desktop, Tablet, Mobile

Status

Released (Master)

Version

Design 1.0