Link

Component status
Contribution
Last releasedOctober 8, 2019
Current version@spectrum-css/link@2.0.0

Variants#


<p> This uses <a href="#" class="spectrum-Link spectrum-Link--quiet">spectrum-Link--quiet</a>.</p>
Show markup

Hello, this is my spectrum-Link--overBackground. This is just filler text, but if you keep reading maybe something good will happen.

<div style="background-color: rgb(15, 121, 125); padding: 15px 20px; display: inline-block;">
  <p class="spectrum-Body" style="color: rgb(255, 255, 255);">
    Hello, this is my <a href="#" class="spectrum-Link spectrum-Link--overBackground"> spectrum-Link--overBackground</a>. This is just filler text, but if you keep reading maybe something good will happen.
  </p>
</div>
Show markup

Do not use disabled links.

This uses is-disabled.

<p>This uses <a class="spectrum-Link is-disabled">is-disabled</a>.</p>
Show markup

Use quiet instead.

<p> This uses <a href="#" class="spectrum-Link spectrum-Link--subtle">spectrum-Link--subtle</a>.</p>
Show markup