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 |