Link
Used when extra emphasis is needed especially when a link needs to standout from the surrounding text.
<a href="#" class="fd-link" tabindex="0">Standard Link</a>
<br><br>
<a href="#" class="fd-link fd-link--emphasized" tabindex="0">Emphasized Link</a>
<br><br>
<a class="fd-link" aria-disabled="true">Disabled Link</a>
<br><br>
<a href="#" class="fd-link fd-link--inverted">Inverted Link</a>
<br><br>
<a href="#" class="fd-link" tabindex="0">
Icon Left Link
<span class="sap-icon--slim-arrow-right sap-icon--s"></span>
</a>
<br><br>
<a href="#" class="fd-link" tabindex="0">
<span class="sap-icon--slim-arrow-left sap-icon--s"></span>
Icon Right Link
</a>