search-results

Information

Folder
src/components/patterns/search-results

Files

Schema
Mocks
Template
// src/components/patterns/search-results/search-results.html.twig

<div class="SearchResults js-SearchResults u-container{% if class %} {{ class }}{% endif %}"{% if endpoint_url %} data-endpoint-url="{{ endpoint_url }}"{% endif %}>
  {% if headline %}
    <h2 class="SearchResults-headline u-typo-headline2">{{ headline }}</h2>
  {% endif %}
  <div class="SearchResults-items{% if grid %} SearchResults-items--grid{% endif %} js-SearchResults-items" role="feed">
    {% for item in items %}
      {% include "@elements/search-result/search-result.html.twig" with item only %}
    {% endfor %}
  </div>
  {% include "@elements/loading-animation/loading-animation.html.twig" with {
    text: "Weitere Suchergebnisse werden geladen. <br>Bitte haben Sie einen Moment Geduld.",
    class: "SearchResults-loading js-SearchResults-loading is-hidden"
  } only %}
</div>

Variants

default
Open

default mock data

Raw
Resolved
Portrait results
Open

Portrait results mock data

Raw
Resolved