Badge component: Welstand

<span class="badge{% if border %} -border{% endif %}{% if count %} -count d-table font-weight-bold rounded-sm{% endif %}{% if rounded %} rounded-pill{% endif %}{% if color %} bg-{{color}}{% endif %}{% if select == true %} user-select cursor-pointer{% endif %}{% if icon and icon_placement == "right" %} -right{% else %} -left{% endif %}" {% if tooltip_html %} tabindex="0" data-toggle="popover" data-container="body" data-placement="{{placement}}" data-trigger="{{trigger}}" data-html="true" title="" {% if popover_group %}data-popover-group="{{popover_group}}"{% endif %} data-custom-class="{{custom_class}}"{% if popover_content == false %} data-content="{{tooltip_html}}"{% endif %}{% endif %}>{% if icon and icon_placement == "left" %}<i class="icon-{{icon}}"></i>{% endif %}{{text}}{% if icon and icon_placement == "right" %}<i class="icon-{{icon}}"></i>{% endif %}</span>
{% if popover_content %}
    <div class="popover-content">
        {{tooltip_html | safe}}
    </div>
{% endif %}