Link

Documentation is WIP, check open issues and start improving!

Link component is used instead of Button, in cases, where button should be too visible and important. This component can either navigate somewhere or trigger some kind of action.

Chevron icon is strictly visible only with default color Link component and it’s not visible when specific color for Link is defined.


Also, for mobile platforms, we use wider touch area, which can be bigger than actual Link component itself. The minimum sizes are:

  • iOS - 8 units
  • Anddroid - 12 units

Specifications

// Text

$link-text-type                 : 'label';
$link-text-color                : palette(cd3);

$link-opacity-focused           : 0.84;
$link-opacity-clicked           : 0.64;

API

Name Values Default
text string ’’
path string ’’
color string CD3