Link component

[twjeffery]

We have a "text link" component in design, it seems like it may also be useful for development.

Documentation in progress on this component GitHub issue

Use case:

• consistent sizing and spacing of icon when text resizes
• hover and link interaction can be done easier
• lots of custom css has to be done currently to achieve the same thing

Acceptance Criteria

1. New goa-link component created (React component already created, Angular component still needed)
   • leadingIcon and trailingIcon properties
   • size property to determine icon and text size (and gap spacing)
   • slot for link inclusion

[vanessatran-ddi]

I am thinking if we can create/should create a new component such as goa-link It can be used as: <goa-link href="#" target="_blank" size="sm" icon="copy">Some text or even a slot</goa-link>

It can even have a leading icon, or trailing icon. Example is:

Consider about accessibility, when href is there, we can add role according to this document https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attributes