Skip to main content

Shortcut

Information: Documentation incomplete

This component still requires documentation.

Use the shortcut component to display a clickable icon with text that links users to a page.

Examples

Default

Open example in a new window
View HTML 
<a class="uhb-c-shortcut" href="#">
  <svg class="uhb-c-icon uhb-c-icon--large" viewBox="0 0 24 24">
    <rect width="100" height="100" />
  </svg>
  <span class="uhb-c-shortcut__link">
    Shortcut text
  </span>
</a>