Component 02 · Complete

Link

Navigates to another location or resource. Its language and destination should make the result of activation clear.

Variants

Match emphasis to context

Inline links retain an underline. Standalone links carry their own directional rhythm.

In context

Visible inside real copy

States

Location and availability

Current location is programmatic. A disabled link leaves the focus order and needs activation prevention in the application.

CurrentLink

External destination

Announce a new browsing context

External resource (opens in a new tab)

Content guidance

Name the destination.

Prefer “Foundation reference” over “Click here.” Use a Button for an interface action and a Link for navigation.

Next component: Badge and Chip