Kumora/templates/partials/breadbrumb.html.twig

<nav class="flex" aria-label="Breadcrumb">
    <ol class="inline-flex items-center space-x-1 md:space-x-2 rtl:space-x-reverse {{ path == '' ? 'my-1' : '' }}">
        <li class="flex items-center">
            <a href="{{ path('app_files_index') }}"
               class="inline-flex items-center text-sm font-medium text-gray-700 hover:text-blue-600 dark:text-gray-400 dark:hover:text-white">
                <twig:ux:icon class="w-3 h-3" name="fa6-solid:house"/>
            </a>
        </li>
        {% if path != '' %}
            {% set pathSplitted = path|split('/') %}
            {% set base = '' %}
            {% for pa in pathSplitted %}
                {% set base = base ~ '/' ~ pa %}
                {% if loop.last %}
                    <li aria-current="page">
                        <div class="flex items-center">
                            <twig:ux:icon class="rtl:rotate-180 w-3 h-3 text-gray-400 mx-1"
                                          name="fa6-solid:chevron-right"/>
                            <span class="ms-1 text-sm font-medium text-gray-500 md:ms-2 dark:text-gray-400">{{ pa }}</span>
                        </div>
                    </li>
                {% else %}
                    <li>
                        <div class="flex items-center">
                            <twig:ux:icon class="rtl:rotate-180 w-3 h-3 text-gray-400 mx-1"
                                          name="fa6-solid:chevron-right"/>
                            <a href="{{ path('app_files_index', {path: base}) }}"
                               class="ms-1 text-sm font-medium text-gray-700 hover:text-blue-600 md:ms-2 dark:text-gray-400 dark:hover:text-white">{{ pa }}</a>
                        </div>
                    </li>
                {% endif %}
            {% endfor %}
        {% endif %}
    </ol>
</nav>