CTA: Button > Secondary

This component helps users perform actions.

Usage Criteria

This component helps users carry out secondary actions on the website, such as viewing more information on one of many topics, or navigating back a page.

Do's and Don'ts

  • Do not put multiples of this component directly side by side or stacked. If there are multiple CTA buttons on a page, please have some dividing content in between the components.

Design Notes

If the action that needs to be performed is important, or is part of the main function of the page or section, then CTA: Button > Primary may be the appropriate component to use instead, as it draws more emphasis and attention.

Configurable Options

This component is configured with a CTA label and Target URL. The icon can be configured to match the purpose of the button, such as a telephone if the CTA links to a phone number, or right arrow if it is an internal link.

Developer Notes

Type
Name
AEM Component Name

CTA: Button > Secondary

Code Base Name

button-secondary

resourceSupertype

bclccomponents/components/content/base-button

SCSS Attributes

button.scss

JavaScript
 
Status

Released (RC 1)

Version

Code Base v1.0

Designer Notes

Type
Name
Sketch Component Name

BCLC_Corporate_Designs/components/cta/button/secondary

Sketch Responsive Sizes

Desktop HD - Mobile

Status

Released (Master)

Version

Design 1.0