Useful Links 

<div data-module="usefulLinks" class="useful-links">
    <div class="grid-x">
        <a class="useful-link cell useful-link--with-logo" href="https://example-external.com" target="_blank" rel="noopener">
            <div class="useful-link__content">
                <p class="useful-link__title">External link</p>
                <p class="useful-link__description">Toll information, weather alerts and travel times from the national body that manages the Republic of Ireland&#x27;s road network</p>
            </div>
            <div class="useful-link__media">
                <div class="useful-link__logo-wrapper">
                    <div class="useful-link__logo" style="background-image:url(/media/icons/useful-links/link1.png"></div>
                </div>
                <div class="useful-link__icon-wrapper">
                    <div class="useful-link__icon useful-link__icon--external"></div>
                </div>
            </div>
        </a>
        <a class="useful-link cell useful-link--with-logo" href="https://example-internal.com">
            <div class="useful-link__content">
                <p class="useful-link__title">Internal link</p>
                <p class="useful-link__description">Toll information, weather alerts and travel times from the national body that manages the Republic of Ireland&#x27;s road network</p>
            </div>
            <div class="useful-link__media">
                <div class="useful-link__logo-wrapper">
                    <div class="useful-link__logo" style="background-image:url(/media/icons/useful-links/link2.png"></div>
                </div>
                <div class="useful-link__icon-wrapper">
                    <div class="useful-link__icon "></div>
                </div>
            </div>
        </a>
        <a class="useful-link cell " href="https://example-external.com" target="_blank" rel="noopener">
            <div class="useful-link__content">
                <p class="useful-link__title">External link</p>
                <p class="useful-link__description">Toll information, weather alerts and travel times from the national body that manages the Republic of Ireland&#x27;s road network</p>
            </div>
            <div class="useful-link__media">
                <div class="useful-link__icon-wrapper">
                    <div class="useful-link__icon useful-link__icon--external"></div>
                </div>
            </div>
        </a>
        <a class="useful-link cell " href="https://example-internal.com">
            <div class="useful-link__content">
                <p class="useful-link__title">Internal link</p>
                <p class="useful-link__description">Toll information, weather alerts and travel times from the national body that manages the Republic of Ireland&#x27;s road network</p>
            </div>
            <div class="useful-link__media">
                <div class="useful-link__icon-wrapper">
                    <div class="useful-link__icon "></div>
                </div>
            </div>
        </a>
    </div>
</div>
 
<div data-module="usefulLinks" class="useful-links">
    <div class="grid-x">
        {{#each links}}
        {{> @cp-useful-link}}
        {{/each}}
    </div>
</div>
 
{
  "links": [
    {
      "title": "External link",
      "description": "Toll information, weather alerts and travel times from the national body that manages the Republic of Ireland's road network",
      "url": "https://example-external.com",
      "logoUrl": "/media/icons/useful-links/link1.png",
      "isExternal": true,
      "target": "_blank"
    },
    {
      "title": "Internal link",
      "description": "Toll information, weather alerts and travel times from the national body that manages the Republic of Ireland's road network",
      "url": "https://example-internal.com",
      "logoUrl": "/media/icons/useful-links/link2.png",
      "isExternal": false
    },
    {
      "title": "External link",
      "description": "Toll information, weather alerts and travel times from the national body that manages the Republic of Ireland's road network",
      "url": "https://example-external.com",
      "isExternal": true,
      "target": "_blank"
    },
    {
      "title": "Internal link",
      "description": "Toll information, weather alerts and travel times from the national body that manages the Republic of Ireland's road network",
      "url": "https://example-internal.com",
      "isExternal": false
    }
  ]
}

There are no notes for this item.