Link

Hyperlinks between pages.

Default

No styling by default

Code Editor

Using onClick

Using onClick

Code Editor

Disabled

Disabled link

Code Editor

Non-Text

Link can wrap any element.

This entire card is a link.

Code Editor

Highlight

Highlight variant

Code Editor

Highlight Fake Link

Code Editor

Primary

Primary variant

Code Editor

Secondary

Secondary variant

Code Editor

Blend

Blend variant works well with themed components.

Code Editor

Fragment Link (Anchor)

Click on this to jump to this section of the page

Code Editor

Fragment Link / Hide Icon

Click on this to jump to this section of the page

Code Editor