<span class="badge rounded-pill bg-orange user-select cursor-pointer -right" tabindex="0" data-toggle="popover" data-container="body" data-placement="bottom" data-trigger="click" data-html="true" title="" data-popover-group="open_close_order_menu" data-custom-class="-menu">Open<i class="icon-arrow-down"></i></span>

<div class="popover-content">
    <div class='m-popoverMenu'>
        <div class='dropdown-item active'>Open</div>
        <div class='dropdown-item'>Gesloten</div>
    </div>
</div>
<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 %}
{
  "color": "orange",
  "text": "Open",
  "select": true,
  "rounded": true,
  "count": false,
  "popover_content": true,
  "border": false,
  "icon": "arrow-down",
  "icon_placement": "right",
  "placement": "bottom",
  "trigger": "click",
  "custom_class": "-menu",
  "popover_group": "open_close_order_menu",
  "tooltip_html": "<div class='m-popoverMenu'><div class='dropdown-item active'>Open</div><div class='dropdown-item'>Gesloten</div></div>"
}

No notes defined.