Header Text

  • Default - left aligned
    • Option - centered
  • You have the option to hide the header if it is not needed
  • The header can be styled like an H2, H3 or H4. (H3 is the default)
  • The actual H tag of the title will remain separate of the style. You can choose H2, H3 or H4. (H2 is the default)
    • So you can use the H2 style but make it an H3 for ADA. (default is the H3 style with H2 as the tag)

Text

  • There is optional text that can be placed above the list. If it is blank, the space will collapse.

List

  • You can enter as many items in the list that you want.
  • 6 is the maximum that will show by default on the page.
  • If there are more than 6 items, a 'see more' link or button will show up underneath the list. Clicking on this, will show the rest of the list.
    • If there are less than 6, the 'see more' will not be needed and will not show up.
  • List can be set to show in 2 or 3 columns
  • List items can be underlined or no underline

https://www.figma.com/design/xT8AeQoyznQWVLSoj9wZI1/Web---Design-System?node-id=1538-5399&version-id=2195398768087390109&m=dev 

this figma file is not correct

Header Text - H2

Header Text - H3

Header Text - H4

 


What we treat - H2 style

Text can be placed here above the list if needed. This is 2 column, no list item bottom border.


This is 3 column, no header, list item bottom border, more than 6 items, Item #4 is a link.


What we treat - H4 style

This is 2 column, list item bottom border, less than 6 items.


What we treat - H3 style

This is 3 column, no list item bottom border, less than 6 items, Item #4 is a link.