Links

Links are the simplest interactive element to navigate to a new page, to a specific section within the page, or to call a functionality (e.g. download).

A contextual link is a piece of clickable text located in the body of a paragraph that contains similar ideas or context.

 

Standalone links are mostly placed below a paragraph. For Standalone links, use the class link--standalone.

 

For Anchor links, use the class link--anchor.

For other cases it is possible to use icon classes. For multiple links, consider using a link list.

 

Open an new window

Please see the rules in the Usage tab.

 

Call to action

 

More information about lists.

 

In page text links are supported on both the <a> and <button> tag by applying the link class to the element.