button.html.twig

{% macro button(icon, values, type) %}
    {%- apply spaceless -%}
        {% if type is null or type is same as (false) %}
            {% set class = "btn " %}
        {% else %}
            {% set class = "btn btn-" ~ type ~ " " %}
        {% endif %}

        {% set icon = values.icon ?? icon %}
        {% set disabled = values.disabled ?? false %}
        {% set url = values.url ?? '#' %}
        {% set onclick = values.onclick ?? null %}
        {% set collapse = values.collapse ?? null %}
        {% set modal = values.modal ?? null %}
        {% set toggle = values.toggle ?? null %}
        {% set target = values.target ?? null %}
        {% set id = values.id ?? null %}
        {% set title = values.title ?? null %}
        {% set class = class ~ ( values.class | default("")) %}
        {% set attr = values.attr ?? {} %}
        {% set forceTitle = values.combined ?? false %}
        {% set badge = values.badge ?? (values.label ?? null) %}
        {% set badge_color = values.badgeColor ?? (values.labelColor ?? 'yellow') %}
        {% set translation_domain = values.translation_domain ?? 'messages' %}
        {% set buttonType = values.buttonType is defined and (values.buttonType == 'button' or values.buttonType == 'submit') ? 'button' : 'a' %}

        {% if type != 'link' and icon is not same as (false) and (not forceTitle and badge is null) %}
            {% set class = class ~ ' btn-icon' %}
        {% endif %}

        {% if disabled is same as (true) %}
            {% set class = class ~ " disabled"  %}
        {% endif %}

        <{{ buttonType|raw }} class="{{ class | trim }}" {% if buttonType is not same as ("button") %}href="{{ url }}"{% endif %}
                {%- if disabled is same as (true) %} disabled="disabled"{% endif %}
                {%- if id is not empty %} id="{{ id }}"{% endif %}
                {%- if toggle is not empty %} data-bs-toggle="{{ toggle }}"{% endif %}
                {%- if modal is not empty %} data-bs-toggle="modal" data-bs-target="{{ modal }}"{% endif %}
                {%- if collapse is not empty %} data-bs-toggle="collapse" data-bs-target="{{ collapse }}"{% endif %}
                {%- if onclick is not empty %} onclick="{{ onclick }}"{% endif %}      
                {%- if target is not empty %} {% if values.buttonType == 'submit' %}formtarget{% else %}target{% endif %}="{{ target }}"{% endif %}
                {%- if not forceTitle and title is not null and type is not same as (false) %} data-toggle="tooltip" data-bs-placement="top" title="{{ title|trans({}, translation_domain) }}"{% endif %}
                {%- if attr is not empty %}
                    {% for name, value in attr %}
                    {{ ' ' ~ name }}={% if '"' in value %}'{{ value|raw }}'{% else %}"{{ value|raw }}"{% endif %}
                    {% endfor %}
                {% endif %}>
            {%- if icon is not same as (false) -%}
                {{ tabler_icon(icon) }}
            {% endif %}
            {%- if (forceTitle or icon is same as (false)) and title is not null -%}
                {{ title|trans({}, translation_domain) }}
            {% endif %}
            {%- if badge is not null -%}
                <span class="badge bg-{{ badge_color }} {% if forceTitle and title is not null %}ms-1{% endif %}">{{ badge }}</span>
            {%- endif -%}
        </{{ buttonType|raw }}>
    {% endapply %}
{% endmacro %}