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.

Standard Style

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

Banner Style

This is an example of a banner style CTA.

Banner Style

Banner Style with background color.

Standard Style - Left Align

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

Banner Style - Left Align

Showing banner style with left alignment.