VGR Styleguide

Click to Action Link 

<a href="/" class="vgr-link vgr-link--cta">
    <span>A click to action link</span>
    <svg class="vgr-icon vgr-icon--"><use xlink:href="/icons/sprite/icons.svg#arrow-forward"></use></svg>

</a>
 
<a href="{{ url }}" class="vgr-link vgr-link--cta">
  <span>{{ title }}</span>
  {% render "@icon", iconData %}
</a>
 
{
  "title": "A click to action link",
  "url": "/",
  "iconData": {
    "id": "arrow-forward"
  }
}
  • Handle: @click-to-action
  • Preview:
  • Filesystem Path: components/base/typography/click-to-action/click-to-action.html
  • References (1): @icon

There are no notes for this item.