• Lightest
  • Light
  • Dark
  • Darkest
  • Medium
  • Large
  • LTR
  • RTL
Component status
Verified
Last releasedOctober 20, 2020
Current version@spectrum-css/link@3.0.1-beta.1

Variants


Link (Over Background)
Verified

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

Show markup
<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>

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

Show markup
<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--quiet"> spectrum-Link--overBackground</a>. This is just filler text, but if you keep reading maybe something good will happen.
  </p>
</div>

Migration Guide


Subtle variant

Subtle variant was removed. Please use Quiet.