Content Block: Stats > Featured
This component is used to display quick, quantitative facts.
166
grants
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 |