ETR Component Library

link: External 

<a href="http://www.google.com" target="_blank" class="text-primary hover:text-primary-dark flex items-center">
  Get Directions
  <div class="icon ml-2">
    <?xml version="1.0" encoding="UTF-8"?>
<svg viewBox="0 0 39.75 39.72" xmlns="http://www.w3.org/2000/svg" class="stroke-current w-4 h-auto">
<defs>
<style>.a{fill:none;stroke-width:2px;}</style>
</defs>
<title>icon-link-external</title>
<polyline class="a" points="28.19 1 38.75 1 38.75 11.56"/>
<path class="a" transform="translate(0 -.28)" d="M22,9H1V39H31V17.43"/>
<line class="a" x1="38.16" x2="19.64" y1="1.6" y2="20.12"/>
</svg>

  </div>
</a>
 
<a href="{{url}}" target="_blank" class="text-primary hover:text-primary-dark flex items-center">
  {{text}}
  <div class="icon ml-2">
    {{render '@icon-link-external'}}
  </div>
</a>
 
{
  "url": "http://www.google.com",
  "text": "Get Directions",
  "modifier": "external"
}

There are no notes for this item.