The link component is used when you want the user to navigate to another page or document.


To use the link component, add the classes action action-link to the a element.

Class Description
action-primary Use for the most important action the user can take in that section of the page.
action-base Use for standard actions the user can take and options like cancel.
action-cautious Use for actions that are currently disabled for the user.
action-warning Use for actions that can have critical impact on the user like delete.
action-finish Use for actions that complete a process for the user.
<a class="action-link action-warning" href="javascript:void(0)">warning-outline</a>
{% if isLink %}
<a class="action-link action-{{ buttonStatus }}" href="javascript:void(0)">{{ buttonText }}</a>
{% endif %}
  "isDefault": null,
  "isOutline": null,
  "isLink": true,
  "buttonStatus": "warning",
  "buttonStyle": "link",
  "buttonText": "warning-outline"