Vebego Component Library

Tag Bubble 

<div class="mol-tag-bubble">
    <a class="atm-tag " title="This is a tag link" href="#">
        <span>
            Inspiratie
        </span>
    </a>

    <a class="atm-tag " title="This is a tag link" href="#">
        <span>
            FM Trends
        </span>
    </a>

    <a class="atm-tag active" title="This is a tag link" href="#">
        <span>
            Mega Trends
            <span class="atm-icon  fal fa-times   "></span>
        </span>
    </a>

    <a class="atm-tag " title="This is a tag link" href="#">
        <span>
            Sociale Trends
        </span>
    </a>

    <a class="atm-tag " title="This is a tag link" href="#">
        <span>
            Technologische Trends
        </span>
    </a>

</div>
 
<div class="mol-tag-bubble">
    {{#each tags}}
        {{ render '@tag--link' this merge=true }}
    {{/each}}
</div>
 
{
  "tags": [
    {
      "text": "Inspiratie"
    },
    {
      "text": "FM Trends"
    },
    {
      "text": "Mega Trends",
      "modifier": "active",
      "hasCloseIcon": true
    },
    {
      "text": "Sociale Trends"
    },
    {
      "text": "Technologische Trends"
    }
  ]
}

No notes defined.