Link

Link

Component preview

A named connection to another destination that preserves standard browser navigation behavior.

Build pack

Turn this concept into a useful prompt

Choose the task and destination. Technical names stay in English.

What do you want to do?

CreateModifyRepair

Where will you use the prompt?Prompt languageLanguage of the interface to build

Your objective

In your own words

What people describe

Documented aliases: hyperlink, text link, navigation link

go to the billing page
click this text to open another article
a destination I can open in a new tab
navigate to project settings
a text label with a real web address
take me back to the dashboard

Try it

Trigger or navigate

Compare all three behaviors

Shared comparison scenario: A project screen lets the user trigger an operation or move to a destination from a control suited to the available space.

This context stays fixed. Switch concepts to observe the mission, edge case, and specimen specific to each behavior.

Link

Link navigates and has an href; Button performs an action, while Icon button remains an action even when represented only by an icon.

Your task

Open Billing with Enter, return, then use the browser context menu on the external status link.

Edge case to verify

The external destination is identified in accessible text when opening behavior or context would otherwise surprise users.

Mission

Open Billing with Enter, return, then use the browser context menu on the external status link.

Primary state: Each descriptive link has a real destination and a focus style distinct from surrounding text.

The service includes three shared spaces.

Billing

Billing details

This section is a real navigation destination.

Back to summary

Service status (opens in a new tab)

Parts of the specimen

Select a marker directly on the specimen, or use the list below, to see its role. Hide the markers to operate the lab without obstruction.

Control

The interactive element that receives input and exposes state.

Use it when

Moving to another page or route
Opening a downloadable or external destination with an honest label

Avoid it when

Running an in-place mutation
Using a click handler without a real destination

Compare similar concepts

Button performs an action; Link navigates to a destination, while Icon button is the compact button variant whose visible label is replaced by an icon.

Button

Icon button performs an action like Button but omits visible text; Link still requires a real navigation destination.

Icon button

Technical details

Behaviors

Navigate to a destination
Activation changes the URL or moves to a named destination and preserves standard link behavior.
Run an action
Pointer, Enter, or Space activation runs one named action exactly once.

States

Account summary
Account summary
Billing details
Billing details

State transitions

Account summary → Billing details
Enter, pointer, or touch follows the Billing fragment link to the real details section.
Billing details → Account summary
The Back to summary fragment link returns to the account summary as real navigation.

Test scenarios

Context: An account summary links to its Billing details section and an external service-status page.
Mission: Open Billing with Enter, return, then use the browser context menu on the external status link.
Primary state: Each descriptive link has a real destination and a focus style distinct from surrounding text.
Edge case: The external destination is identified in accessible text when opening behavior or context would otherwise surprise users.

Accessibility

Role: native link
Accessible name: The primary control or named region has a stable accessible name from visible text or an explicit programmatic label; placeholder text and tooltips are not names.
Focus: Every link has a visible focus indicator and its hit area does not overlap adjacent links.
Dismissal: Not applicable: navigation is handled by browser history rather than dismissing the link.
Scroll: Route or fragment navigation scrolls to a meaningful destination predictably, and focus is managed when context changes.
Announcement: Link text names the destination, while current, external, download, or language changes are exposed when relevant.
Keyboard: Tab focuses the link
Enter follows the destination
Browser modifier keys preserve native new-tab behavior

Bindings

a[href]
implementationKind
native
nativeElement
a[href]
ariaPattern
link
radixPrimitive
Not applicable
shadcnRecipe
Not applicable
runtimeDependency
Not applicable
packageName
Not applicable
exportName
Not applicable
exactVersion
Not applicable
status
verified
verifiedAt
2026-07-16
deprecationStatus
active
replacement
Not applicable
validFrom
Not applicable
validUntil
Not applicable
Equivalence caveat: A link changes location and preserves browser features such as open in new tab, copy address, and visited state.
Verify binding source

Sources

WHATWG HTML: The a element
WHATWG · standard · 2026-07-16
Claim covered: Link: native hyperlink navigation, destination, browser affordances, and activation semantics.
WCAG 2.2: Focus Appearance
W3C WAI · standard · 2026-07-16
Claim covered: Link: WCAG focus appearance requirements used to qualify visible keyboard focus.

Verified on 2026-07-16 · rev. 1

Owner: SkillCodex Editorial
Status: review
Review: Independent editorial review pending
Next review: 2026-10-16
Publication: Not published
Change history: Initial sourced MVP draft; independent language review pending.