Text

Links

Published on

Example

Open in new tab
View HTML markup 
  
<!--[-->
<!--[-->
<!---->
<p><a href="#">
<!---->link
<!----></a>
<!----> <a href="/text/links" aria-current="page">
<!---->link (current page)
<!----></a>
<!----> <a href="https://example.org" rel="noreferrer" target="_blank">
<!---->link (external)
<!----></a>
<!---->
<!----></p>
<!---->
<p><a href="#" class="force active">
<!---->link (active)
<!----></a>
<!----> <a href="#" class="force focus">
<!---->link (focus)
<!----></a>
<!----> <a href="#" class="force hover">
<!---->link (hover)
<!----></a>
<!----> <a href="#" class="force visited">
<!---->link (visited)
<!----></a>
<!---->
<!----></p>
<!---->
<!---->
<!--]-->
<!--]-->

Example (button)

Open in new tab
View HTML markup 
  
<!--[-->
<!--[-->
<!---->
<div role="group"><a href="#" class="button">
<!---->verb
<!----></a>
<!----> <a href="#" class="button force active">
<!---->verb (active)
<!----></a>
<!----> <a href="#" class="button force focus">
<!---->verb (focus)
<!----></a>
<!----> <a href="#" class="button force hover">
<!---->verb (hover)
<!----></a>
<!----> <a href="#" class="button"><svg class="icon">
<!--[!-->
<!--]-->
      <use href="/img/icons.svg#search"></use>
    </svg>
<!----><span class="visually-hidden">
<!---->verb
<!----></span>
<!---->
<!----></a>
<!----> <a href="#" class="button"><svg class="icon">
<!--[!-->
<!--]-->
      <use href="/img/icons.svg#search"></use>
    </svg>
<!----><span>
<!---->verb
<!----></span>
<!---->
<!----></a>
<!---->
<!----></div>
<!---->
<!--]-->
<!--]-->

Variables

None for links