Description

A hero CTA that consists of a title, optional description, optional background image, and optional cta button. The order of elements is determined using flexbox where different from the base pattern.

Variant options

EWL-4995

Use Case

The hero cards are used on the Hub pages

  "hubHero": {
     heading {
       level:
         type: string / required
       text:
         type: string / required
       class:
         type: string / optional
     }
    button: {
      href:
        type: string (url) / optional
      info: 
        type: string / optional
      text: 
        type: string / required
      type:
        type: string / optional (ex: "button", "submit")
      style:
        type: string / optional ("secondary" or "")
       size:
        type: string / optional ("small", "block" or "")
    }
    paragraph {
      text:
        type: string
      class:
        type: string / optional
    }
  }
}

Lorem ipsum dolor sit amet