Contribution: Icon only link

[AT-public]

Component Name

Icon only link

Research & Reasoning

• Icon-only link is a unique variation within the Watson Health Pattern & Asset Library (PAL) today, but is not specific to health.
• Designers may want to use the Icon-only link in compact UI's where horizontal space is limited. 
• The Icon-only link is a navigational element taking you to a new page vs Icon-only button which is action based. Visually similar but different intended interactions. 
• Hover & focus use Carbon's Icon Tooltip styles to display a textual description of the link. (We are carrying over icon-tooltip to work with link markup.)

Component Examples

Overview

Link to Sketch File WH Components / Patterns / Code are not open source but can provide an Abstract link.

NOTES: We (WH) have developers that can contribute to this component. 

Contributing Designers & Dev

Andrew Thompson (@at-public) Liz Judd (@elizabethsjudd)

[AT-public]

@designertyler I wanted to follow up & see what additional information you might need for these contributions to make a determination on whether or not these are contributions that Carbon might accept?

[designertyler]

@AT-public Would this contribution just be for the arrow icon button or did you guys have other icons you'd like to use in a button? If it's only used as a back button, we would suggest treating it as a nav component where we'd have to consider how it works with the UI Shell, breadcrumbs, etc. in the guidance.

If we're thinking of it removed from navigation it may justify creating a ghost icon button. We only have icon buttons for primary and secondary right now. https://www.carbondesignsystem.com/components/button/code

[AT-public]

Slight clarification. This is a link & not a button because it's for navigational purposes. This icon only link is also part of the Chatbot Header, & in theory it could be used in the UI Shell. We aren't 100% sure on all the other use cases other than the back & chatbot.