Skip to navigation Skip to content

Help Card Module

Individual Help Card

Control card width via the bordered container

Component: Expandable Card

  • Found under Page Content
  • Styles used:
    • Cards - Full Width Card,
    • Cards - Help Card

Component: Container (border)

  • Found under Page Structure
  • Styles used: 
    • Grid Basic - XS 12, Med 6, Lrg 4
    • Border - Border Light Blue
  • FAQ
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
    Button

No icon Help Card

Add width to the card within a bordered container

Component: Expandable Card

  • Found under Page Content
  • Styles used:
    • Cards - Full Width Card,
    • Cards - Help Card
    • Grid Basic - XS 12, Med 8

Component: Container (border)

  • Found under Page Structure
  • Styles used: 
    • Grid Basic - XS 12, Med 9, Lrg 7
    • Border - Border Light Blue
    • Position and Alignment - Text Align Center
  • Help resources
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
    Button Link

Two Help Cards

Add two cards to one bordered container

Component: Expandable Card x2

  • Styles used:
    • Cards - Full Width Card,
    • Cards - Help Card
    • Grid Basic - XS 12, Med 6

Component: Container (border)

  • Styles used: 
    • Grid Basic - XS 12, Lrg 8
    • Border - Border Light Blue
  • FAQ
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
    Button
  • FAQ
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
    Button