IxDF Design System

“Link” Component

Links components are basically a bunch of css classes that can be added to buttons or link element.

Regular Links

Primary Links

Link Link Small Link Big

Secondary Links

Cancel Links

Link Link Small Link Big

Usage

<a href="#example-link" class="link">Link</a>
<a href="#example-link" class="link link--small">Link Small</a>
<a href="#example-link" class="link link--big">Link Big</a>

<a href="#example-link" class="link link--secondary">Link</a>
<a href="#example-link" class="link link--secondary link--small">Link Small</a>
<a href="#example-link" class="link link--secondary link--big">Link Big</a>

<a href="#example-link" class="link link--cancel">Link</a>
<a href="#example-link" class="link link--cancel link--small mr-small">Link Small</a>
<a href="#example-link" class="link link--cancel link--big">Link Big</a>