Related Links with Files

The Related links with files component includes a heading and a list on a light gray background. The list can include links, files, or a combination of both.

External links are automatically styled to include an icon that lets users know they will be leaving the NSF website when they click on the link. There is no limit on the number of links and files you can add to your list.

When to use the Related links with files component 

  • If you want to call attention to two or more links or resources, and can summarize each item in approximately one line of text. 

When to consider something else

  • If you have a small number of important actions you want to call attention to, especially if you are using an image or button to call attention to an action. Consider instead using the CTA component, Featured file component, or even dedicate a whole section of your page to calling attention to the important action. 

Related links with files options

This is the default style with descriptions

  • What an internal link looks like This is text added to description field. Descriptions are optional.
  • External link Notice the icon that's added automatically to show this link takes you out of a .gov site.
  • NSF by the Numbers (PDF, 683.15 KB) Here is a what a file looks like. The parenthetical is added by the system. You can add links to webpages and to files in the same component.

This is the default style with no descriptions

This is the chevron style with descriptions

This is the chevron style with no descriptions

Important note: When using this component, be sure to use "Related Links with Files" component (even if you are only adding links, and no files), because the legacy "Related Links" component will soon be retired.

Top