Link
Anchor tags used for embedded links or smaller actions
The link component should be used when creating navigational actions that are part of a line of text, or for less-prominent actions where a button is too big.
Contents
A link is an interactive component that allows a user to easily navigate through another section or page.
Links are displayed in the following sizes:
There are five color variants of the link component:
Text links should be understandable and independent of the text surrounding it. Avoid using ambiguous words such as click here or learn more.
Do
Don't
In an eye-tracking research study conducted by the Nielsen Norman Group, most people look at the first 2 words of a link.
Do
Don't
Blue is the standard choice of color for links. If selecting a different color, ensure that it looks clickable.
Do
Don't
Loading preview
Permission granted for Geolocation.
Your login session has expired and you have been logged out. Please log in again.