Links

Animated

When feasible, prefer animated links. Use animated links within components that control link wrapping, such as Card, List, or Vertical Navigation. Components with wrapping text, such as Long Form Text, should fall back to traditional links.

Traditional

Fall back to traditional links when animated links are not feasible, such as within Long Form Text. Use traditional link where the link label may wrap, such as when it occurs inline with paragraphs of prose.

Guidelines

Use When

• Leading a user to another page
• Displaying additional information

Do not use when

• Submitting or confirming an action. Use a Button instead.
• Adding emphasis to your main call to action. Use a Button instead.

Editorial

• Keep link text short
• Be descriptive of the destination or offer a clear indication of where the link leads
• Avoid using generic content, such as “click here”, which do not describe the intended action.

Code Reference