CTA Banner

The CTA Banner is a simple component that renders a banner with a title, subtitle, and a button, it may either span the full width of the page or be contained within a container.

The CTA Banner is composed of the following base components:

• Text
• CTAs

section: cta-banner
sectionClass: "example"
animateSection: true
inContainer: true
hasBackground: true
backgroundColor: "#fca311"
backgroundIsDark: false
marginTop: true
marginBottom: true
paddingTop: false
paddingBottom: false
reverse: false
text:
  title: Leave long-text pages behind and build better Websites.
  header: "h2"
  subTitle: Using "sectioned" pages to build flexible page layouts
  prose: ""
hasCtas: true
ctas:
  - url: "https://github.com/wernerglinka/ms-components"
    label: Get the Starter
    isExternal: true
    isButton: true
    buttonStyle: "primary"