• Use Cases: Call To Action button or link that redirects the user to a defined link or anchor.
• Dependencies
  • Requires another component. The CTA must be placed within another item that accepts CTAs

• Kind: CTA is primarily use as a button, but also has different types that makes it look or behave differently. For example: as an inline link, or a link to an anchor in the page.
• Icon: An Icon can be defined for the CTA so it will appear beside the Text.

CTA - Example

Creating a CTA

1. In Content Editor, create a "CTAs Folder" under the "_datasources" of your page
2. Create a new CTA item from the CTA template.
3. Fill in the required fields
   • Kind
   • Text
   • Link
4. Fill in optional fields: Icon, etc
5. In Experience Editor, insert the CTA rendering into a component placeholder that accepts CTAs (for example: Standfirst Article).
6. Associate the CTA item as the data source.

• Normal: (Default state) Image on top, title and description below
• Horizontal: Image on the left, title and description on the left.

CTA - Primary

CTA - Secondary

CTA - Inline

CTA - Tertiary

CTA - Ghost

CTA - Danger

CTA - Custom

CTA - White Fill

CTA - White Inline

CTA - White Outline

• There are currently no known issues with this component