{% load components %}

<div class="usx-tag-group{% if className %} {{ className }}{% endif %}">
  {% if children %}
    {{ children|safe }}
  {% elif tagProps %}
    {% for tag in tagProps %}
      {% tag id=tag.id big=tag.big value=tag.value color=tag.color|default:'' outline=tag.outline icon=tag.icon dismissible=tag.dismissible onDismiss=tag.onDismiss className=tag.className|default:'' %}{% endtag %}
    {% endfor %}
  {% endif %}
</div>