Vebego Component Library

Footer link list 

<div class="mol-footer-link-list">
    <h6 class="atm-heading ">Over ons</h6>

    <ul>
        <li>
            <a class="atm-link " href="#" title="This is what a link looks like" aria-label="" target="">Over Vebego</a>
        </li>
        <li>
            <a class="atm-link " href="#" title="This is what a link looks like" aria-label="" target="">Werken bij Vebego</a>
        </li>
        <li>
            <a class="atm-link " href="#" title="This is what a link looks like" aria-label="" target="">Contact</a>
        </li>
    </ul>
</div>
 
<div class="mol-footer-link-list">
  {{render "@heading" heading}}
  <ul>
    {{#each items}}
      <li>
        {{render "@link" this merge=true}}
      </li>
    {{/each}}
  </ul>
</div>
 
{
  "heading": {
    "text": "Over ons",
    "tag": "h6"
  },
  "items": [
    {
      "text": "Over Vebego"
    },
    {
      "text": "Werken bij Vebego"
    },
    {
      "text": "Contact"
    }
  ]
}
  • Content: 
    .mol-footer-link-list {
    @apply mb-2;

    li {
        @apply mb-2;

        .atm-link {
            @apply text-gray no-underline hover:text-cta hover:underline;
        }
    }
}
  • URL: /components/raw/footer-link-list/footer-link-list.css
  • Filesystem Path: src\components\03-molecules\footer-link-list\footer-link-list.css
  • Size: 196 Bytes

No notes defined.