emory-background

Link

Button Link
Button Link Title
Round Button
Solid Button
Button Link Light
Button Link Title Light
Solid Button Light

Developer Notes

  • Link is an OOB SXA component that is available in the Navigation tab in the Toolbox.
  • By default, this component comes with just one rendering variant, Default.
  • During the development phase of the project, we identified various types of links and buttons. And we created multiple rendering variants which can be used throughout the website.
  • A list of all the rendering variants available are (names of the rendering variants are quite self-explanatory, added notes for just a couple which are unique) -
    • Back To Top - this is specifically for the Back To Top feature(link) that we have in Footer.
    • Button Link
    • Button Link Light
    • Button Link Title
    • Button Link Title Light
    • Mobile Footer -  this is specifically for mobile version of Back To Top feature(link) that we have in Footer.
    • Round Button
    • Solid Button
    • Solid Button Light
  • An example of these link variants are shown HERE

Content Author Notes

Requirements

Link List:

  • The OOB Link component will be used when a clickable link or button is needed under a content spot or by itself.
  • The CA should have the option of choosing the style:
    • Solid Button
    • Solid Button Light
    • Round Button
    • Button Link
    • Button Link Light
    • Button Link Title
    • Button Link Title Light
  • For styling please see: Designs
  • This component must follow accessibility standards for alt text and keyboard navigation.