emory-background

Icon Link List

Developer Notes

  • The component resides inside EH Navigation tab in the Toolbox by the name Icon Link List.
  • The Icon Link List component is built using a parent-child model where the parent has the heading of the Icon Link List and child(ren) are the list of icon links.
  • Applicable fields of Icon Link List parent item:
    • Title: Single link text field to add heading.
  • Applicable fields of Icon Link List child item:
    • Link: A link field to add link properties of the icon link
    • SVG Icon: Image field to set the image to be displayed.
  • Icon Link List has one variant - default.
  • The component will fill the whole width of the parent, therefore it's best to be added under the Section Container component.
  • The Icon Link List has a white background by default, it's recommended to set the component under the Section Container component with a darker background color.
  • An example of the component is shown HERE

Content Author Notes

Requirements

Icon Link List:

  • The Icon Link List can be used on any page and should allow up to 6 columns.
  • The Icon Link List should include the following items:
    • Title
    • Tile
      • Icon/Image
      • Subtitle
      • Link (internal/external)
  • Minimum icons is 3 and max is 6
  • Keep sizing the same if only 3 icons provided and center aligned.
  • Use SVGS for icons
  • This is a variant of the Link List used for socials within the footer.
  • For styling please see: Designs
  • The entire tile is clickable.
  • This component must follow accessibility standards for alt text, and keyboard navigation. 

Mobile:

  • See requirements above
  • When minimized in width, the columns will stack left to right into two columns.