Heatnglo

CTA

Component Overview

Basic CTA component with Title, Overview and a CTA (button).

Configuration
  • Title (optional)
  • Overview (optional)
  • Button (optional)
  • Background Color
    • Will place a background color behind the cta, used to ‘feature’ or ‘highlight’ it.
Styles
  • Standard
  • Banner
    • CTA button appear to the right of the Title/Overview

Notes

  • Option to use with the button alone.
  • For side by side CTAs, combine with the Two Column component.

Standard Style

This is the Overview section. Showing an icon on the button as well.

Button Text

Standard Style

Showing standard style with background color. Also showing a Secondary style button.

Button Text

Banner Style

This is an example of a banner style CTA.

Button Text

Banner Style

Banner Style with background color.

Button Text

Standard Style - Left Align

Showing standard style with left alignment. Also showing the option to use a link (with or without icon).

Link Text

Banner Style - Left Align

Showing banner style with left alignment.

Button Text
Button Only