[Feature Request]: Link with paired icon, ability to position icon to the left of the Link text

[adamlsmith981]

The problem

Hi there, I was wondering if it was possible to enhance the Link component to be able to be paired with an Icon which renders to the left of the text. At the moment it only seems that renderIcon is only able to render to the right of the text

The solution

I would like there to be an option to do this:

This could be done by adding an optional prop that would trigger the icon to get rendered to the left hand side of the text link. Default could be left to the right so current implementations are not affected by the change.

Examples

No response

Application/PAL

No response

Business priority

Low Priority = release date is not dependent on fix or not upcoming

Available extra resources

No response

Code of Conduct

• I agree to follow this project's Code of Conduct

[adamlsmith981]

If allowed and accepted as a reasonable enhancement, I would be more than happy to contribute a solution :)

[alisonjoseph]

Tagging @carbon-design-system/design to get their thoughts on this.

[alina-jacob]

Hi there @adamlsmith981, thanks for suggesting this issue
Carbon fundamentally follows Flush left alignment for text, if an Icon is introduced before the text, the text would appear indented, which is why we do not allow the icon to appear before the text.