<ul class="u-flex list-related u-my-none u-list-none u-list-reset">
<li class="u-mr-xsmall u-mb-xsmall@xl">
<a class="o-link-category u-label-03 u-no-underline" href="#">Ius culturae</a>
</li>
<li class="u-mr-xsmall u-mb-xsmall@xl">
<a class="o-link-category u-label-03 u-no-underline" href="#">Ius soli</a>
</li>
</ul>
<ul class="u-flex list-related {% if layout == 'auto' %} u-column@xl {% elif layout == 'column' %} u-column {% endif %} u-my-none u-list-none u-list-reset">
{% for tag in tags %}
<li class="u-mr-xsmall u-mb-xsmall@xl">
<a class="o-link-category u-label-03 u-no-underline" href="#">{{tag}}</a>
</li>
{% endfor %}
</ul>
{
"tags": [
"Ius culturae",
"Ius soli"
],
"categoryColor": "red"
}
Tag component is used to display a list of tags.
In its config file is possible to the parameter categoryColor for change its color rendering.
{% render "@tag" %}