{% for i in (1..14) %}
{% capture text %}Label {{ i }}{% endcapture %}
{% include ui/tag.html text=text %}
{% endfor %}
Tags with flag
{% for country in site.data.flags limit: 9 %}
{% include ui/tag.html text=country.name flag=country.code %}
{% endfor %}
Tags with icon
{% for icon in icons %}
{% include ui/tag.html text=icon icon=icon %}
{% endfor %}
Tags with avatar
{% for person in site.data.people limit: 8 %}
{% include ui/tag.html text=person.full_name person=person %}
{% endfor %}
Tags with status
{% for color in site.colors %}
{% capture status %}{{ color[1].class }}{% endcapture %}
{% capture text %}{{ color[1].title }}{% endcapture %}
{% include ui/tag.html text=text status=status %}
{% endfor %}
Tags with legend
{% for color in site.colors %}
{% capture status %}{{ color[1].class }}{% endcapture %}
{% capture text %}{{ color[1].title }}{% endcapture %}
{% include ui/tag.html text=text legend=status %}
{% endfor %}
Default tags
{% for i in (1..6) %}
{% capture text %}Label {{ i }}{% endcapture %}
{% include ui/tag.html text=text checkbox=true %}
{% endfor %}
{% for i in (7..12) %}
{% capture text %}Label {{ i }}{% endcapture %}
{% include ui/tag.html text=text checkbox=true checked=true %}
{% endfor %}
Default tags
{% for i in (1..12) %}
{% include ui/tag.html text="Label" badge=i %}
{% endfor %}