--- title: Tags icon: fe fe-tag description: Small tag labels to insert anywhere --- ### Default tag {% example html wrapper=tags %} First tag Second tag Third tag {% endexample %} ### Link tag {% example html wrapper=tags %} First tag Second tag Third tag {% endexample %} ### Rounded tag {% example html wrapper=tags %} First tag Second tag Third tag {% endexample %} ### Color tag {% example html wrapper=tags %} {% for color in site.colors %} {{ color[1].name }} tag {% endfor %} {% endexample %} ### Avatar tag {% example html wrapper=tags %} {% for user in site.data.users limit: 8 %} {{ user.name }} {% endfor %} {% endexample %} ### List of tags You can create a list of tags with the `.tags` container. {% example html %}

First tag Second tag Third tag

{% endexample %} If the list is very long, it will automatically wrap on multiple lines, while keeping all tags evenly spaced. {% example html %}

One Two Three Four Five Six Seven Eight Nine Ten Eleven Twelve Thirteen Fourteen Fifteen Sixteen Seventeen Eighteen Nineteen Twenty

{% endexample %} ### Tag remove {% example html %}

One Two Three Four

{% endexample %} ### Tag addons {% example html wrapper=tags %}

npm

bundle passing

CSS gzip size 20.9 kB {% endexample %}