Link
Usage notes
Links allow users to navigate to a different location. They can be presented inline inside a paragraph or as standalone text.
Default
Toggle markup
<a href="#" class="coral-Link">link</a>
Quiet
Toggle markup
<a href="#" class="coral-Link coral-Link--quiet">quiet link</a>
<!-- Deprecated -->
<a href="#" class="coral-Link coral-Link--subtle">subtle link</a>
Over background
Hello, this is my coral-Link--overBackground. This is just filler text, but if you keep reading maybe something good will happen.
Toggle markup
<div style="background-color: rgb(15, 121, 125); padding: 15px 20px; display: inline-block;">
<p class="coral-Body--S" style="color: rgb(255, 255, 255);">
Hello, this is my <a href="#" class="coral-Link coral-Link--overBackground"> coral-Link--overBackground</a>. This is just filler text, but if you keep reading maybe something good will happen.
</p>
</div>
Disabled
Toggle markup
<!-- Deprecated -->
<a href="#" class="coral-Link is-disabled">disabled link</a>