Just.Design System

v0.0.28
IntroductionApproach and team
Guidelines
AssetsColour PaletteColour UsageColour Usage - CoralFontsIconsTypography
Components
ButtonCheckboxDateDropdownInputKeylineLinkRadio
Patterns
FooterGridHeaderModal
DownloadsFAQ

Link

Default

Link Active state

Code

<a class="link" href="">Link</a> <a class="link" href="">Active</a>

No underline

Link no underline Active

Code

<a class="link link--no-underline" href="">Link no underline</a>
<a class="link link--no-underline link--active" href="">Active</a>

Link in paragraph

Lorem ipsum link in paragraph lorum ipsum sit dolar ipsum

Code

<p>
  Lorem ipsum <a class="link" href="">link in paragraph</a> lorum ipsum sit
  dolar ipsum
</p>

Link in paragraph no underline

Lorem ipsum link in paragraph lorum ipsum lorum ipsum sit dolar ipsum

Code

<p>
  Lorem ipsum
  <a class="link link--no-underline" href="">link in paragraph</a> lorum ipsum
  sit dolar ipsum
</p>