<div class="dropdown">
    <button class="btn btn-outline-dark btn-block dropdown-toggle d-flex align-items-center" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-expanded="false">

        <span class="d-inline-block d-xxxl-none">Label</span>
        <span class="d-none d-xxxl-inline-block">Label</span>
    </button>
    <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">

        <div class="dropdown-item active">Dropdown item</div>
        <div class="dropdown-item">Dropdown item</div>
        <div class="dropdown-item">Dropdown item</div>
        <div class="dropdown-item">Dropdown item</div>
        <div class="dropdown-item">Dropdown item</div>
        <div class="dropdown-item">Dropdown item</div>

    </div>
</div>
<div class="dropdown">
    <button class="btn btn-outline-dark btn-block dropdown-toggle d-flex align-items-center" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-expanded="false">
        {% if icon %}<i class="icon-{{icon}} text-body mr-2"></i>{% endif %}
        <span class="d-inline-block d-xxxl-none">{% if team or phase or tags %}{{text_mobile}}{% else %}{{text}}{% endif %}</span>
        <span class="d-none d-xxxl-inline-block">{{text}}</span>
    </button>
    <div class="dropdown-menu{% if search %} -search{% endif %}" aria-labelledby="dropdownMenuButton">
        {% if team %}
            {% render "@search-input", {label:"Zoeken"}, true %}
            <div class="dropdown-item active">Bestellingen van iedereen</div>
            <div class="dropdown-item">Mijn bestellingen</div>
            <div class="dropdown-divider"></div>
            {% render '@team-select' %}
        {% elif phase %}
            <div class="dropdown-item active">Alle fases</div>
            <div class="dropdown-item">Bestelling</div>
            <div class="dropdown-item">Offerte</div>
            <div class="dropdown-item">Welstand</div>
            <div class="dropdown-item">Contract</div>
            <div class="dropdown-item">Vergunning</div>
            <div class="dropdown-item">Voorbereiding verkoop</div>
            <div class="dropdown-item">Verkoop</div>
            <div class="dropdown-item">Personalisatie</div>
            <div class="dropdown-item">Bevestiging bestelling</div>
        {% elif tags %}
            <div class="dropdown-item active">Alle tags</div>
            <div class="dropdown-item">Communicatie</div>
            <div class="dropdown-item">Takenlijst</div>
            <div class="dropdown-item">Navigatie</div>
            <div class="dropdown-item">Buttons</div>
        {% else %}
            <div class="dropdown-item active">Dropdown item</div>
            <div class="dropdown-item">Dropdown item</div>
            <div class="dropdown-item">Dropdown item</div>
            <div class="dropdown-item">Dropdown item</div>
            <div class="dropdown-item">Dropdown item</div>
            <div class="dropdown-item">Dropdown item</div>
        {% endif %}
    </div>
</div>
{
  "text": "Label",
  "text_mobile": "",
  "icon": false,
  "search": false,
  "tags": false
}

No notes defined.