sorting

Information

Folder
src/components/patterns/search/sorting

Files

Schema
Mocks
Template
// src/components/patterns/search/sorting/sorting.html.twig

<div class="Sorting{% if class %} {{ class }}{% endif %}">
  {% if queries_amount %}
    <p class="Sorting-searchResultAmount u-typo-headline6">{{ queries_amount }}</p>
  {% endif %}
  <span class="Sorting-currentSort">{{ current_sorting }}</span>
  {% for item in items %}
    {% if item.value %}
      <button type="submit" name="{{ name }}" value="{{ item.value }}" class="Sorting-button{% if item.active %} is-active{% endif %}" aria-label="{{ item.accessible_text }}"{% if item.active %} aria-current="true"{% endif %}>
        {% include "@elements/icon/icon.html.twig" with {
          name: "chevron",
          class: "Sorting-icon Sorting-icon" ~ item.value
        } only %}
      </button>
    {% endif %}
  {% endfor %}
</div>

Variants

Descending (absteigend)
Open

Descending (absteigend) mock data

Raw
Resolved
Ascending (aufsteigend)
Open

Ascending (aufsteigend) mock data

Raw
Resolved
With search results
Open

With search results mock data

Raw
Resolved