CTA: Button > Social Share
This component gives users a way to share content on social media platforms.
Usage Criteria
This component allows users to easily share content that they are reading through a set number of social media platforms.
Do's and Don'ts
- Do use this component on single article pages.
- Do configure the width of this component; the maximum width on desktop should be 2 columns (see the article pages for examples).
Design Notes
If the page this component is being added to does not have a pre-existing template, use the Structure: Section Container to add content to the right of this component.
Configurable Options
In the configurable options, check off which social media options you would like to show.
Developer Notes
Type |
Name |
---|---|
AEM Component Name |
CTA: Button > Social Share |
Code Base Name |
social-share |
resourceSupertype |
|
SCSS Attributes |
social-share.scss |
JavaScript |
|
Status |
Released (RC 1) |
Version |
Code Base v1.0 |
Additional Information
- Opengraph metadatas are added to HTML header when social component is added. The title is read from the article header on the same page if is there, else it will read the title of the page. The discription is the first 160 characters from the content fragment on the same page, else it will read from the description in the page properties.
Designer Notes
Type |
Name |
---|---|
Sketch Component Name |
BCLC_Corporate_Designs/components/cta/button/social-share |
Sketch Responsive Sizes |
Desktop HD - Mobile |
Status |
Released (Master) |
Version |
Design 1.0 |