Link
A styled link for inline and standalone navigation.
Link navigates to another URL or route. Use Button for an action
such as saving, submitting, or opening a dialog.
Tone
accent is the default tone. Use neutral for supporting links that should not compete with the
main content.
Inline and standalone
Use the default treatment inside a sentence. Its underline stays visible so the destination is recognisable in running text.
Set isStandalone for a link outside prose, such as a card link or navigation item. It shows its
underline on hover or press and has a 24 × 24 CSS-pixel structural target.
An inline example link sits within a sentence.
Standalone example linkDisabled
Set isDisabled only when a destination is temporarily unavailable. Disabled links cannot receive
focus or respond to activation. Explain why nearby when someone needs that information.
Accessibility
Write link text that names the destination and makes sense outside its surrounding sentence. Avoid generic labels such as “Click here”.
API
LinkProps also accepts compatible DOM and ARIA attributes and event handlers for its rendered element.
Prop
Type