FAQ | This is a LIVE service | Changelog

Sprint 2: Create 'Featured Links' component

Requires: Stacked Links component

The Component Heading is used within Featured Links component and Link Grid component. Design is at https://www.figma.com/design/DpS9o1LIG27rvzTqc13bcQ/Templates-%E2%80%93-wireframes?node-id=1140-10333&t=yal80cdnR0gHjIVx-0

There are 3 variations in how this will display on desktop:

  • Image with Stacked Links (Image can be chosen to render left or right)
  • Image with Single CTA button (Image can be chosen to render left or right)
  • No image with Stacked Links

Image with Stacked Links (Left image) Screenshot_2024-06-12_at_17.43.33

Image with Stacked Links (Right image) Screenshot_2024-06-12_at_17.43.46

Image with single CTA (Left image) Screenshot_2024-06-12_at_17.43.52

Image with single CTA (Right image) Screenshot_2024-06-12_at_17.44.01

No Image with Stacked Links only Screenshot_2024-06-12_at_17.44.10

On mobile - the left/right alignment is not followed and image will always stack at the top.

Screenshot_2024-06-12_at_17.44.16

Screenshot_2024-06-12_at_17.44.20

The only required fields are the Heading and at least 1 Link (either to render as the CTA button or to render as Stacked Links if > 1 link). The rest of the fields are optional and will determine the layout.

Validation:

  • Users are not able to have NO image and 1 link as a CTA. I think we need to consider a validation here (as well as help text from Content) that states that if there is no image uploaded and ONLY 1 link on component save... then it blocks the save.

See designs on dev on figma for given padding on this and heading styles.

Edited by Jenny Dumitrescu