digitalgov.gov icon indicating copy to clipboard operation
digitalgov.gov copied to clipboard

Creates a trusted resource component to display external links

Open nick-mon1 opened this issue 8 months ago • 1 comments

Summary

Adds a trusted-resource component.

Preview

Preview Page

Solution

Create a variant of dg-featured-resource for dg-featured-resource--trusted that allows for modifies original component to set external links.

Layout Options

Screenshot 2024-07-01 at 12 01 23 PM

Use Component

Set front matter fields on topics page to use trusted_resources field to display external link:

# Trusted resource section at the top of the page
trusted_resources:
  resources:
  - link: "https://ai.gov/"
    title: "AI.GOV"
    summary: "Short summary goes here for the reader to understand the nature of the external content."

Next Steps

  • [ ] pick a layout option
  • [ ] remove test page

How To Test

  1. Visit topics page
  2. Trusted resource component displays and links to external page

Dev Checklist

  • [ ] PR has correct labels
  • [ ] A11y testing (voice over testing, meets WCAG, run axe tools)
  • [ ] Code is formatted properly

nick-mon1 avatar Jun 24 '24 20:06 nick-mon1