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-base" href="javascript:void(0)">base-link</a>
{% if isLink %}
<a class="action-link action-{{ buttonStatus }}" href="javascript:void(0)">{{ buttonText }}</a>
{% endif %}
{
"isDefault": null,
"isOutline": null,
"isLink": true,
"buttonStatus": "base",
"buttonStyle": "link",
"buttonText": "base-link"
}