search

Information

Folder
src/components/patterns/search

Files

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

{#
  Attention: form element together with all classes will be generated directly in the Drupal.
  Form tag in this template is needed only for miyagi.
#}

{% if not is_drupal_form %}
  <form class="Search js-Search u-container{% if class %} {{ class }}{% endif %}">
{% endif %}
    {% if query %}
      {% include "@patterns/search/query/query.html.twig" with query|merge({class: "Search-query"}) only %}
    {% endif %}
    {% if results_amount %}
      {% include "@patterns/search/results-amount/results-amount.html.twig" with results_amount|merge({class: "Search-resultsAmount"}) only %}
    {% endif %}
    {% if display_filters %}
      {% if filters %}
        {% include "@patterns/search/filters/filters.html.twig" with filters|merge({class: "Search-filters"}) only %}
      {% endif %}
      {% if sorting %}
        {% include "@patterns/search/sorting/sorting.html.twig" with sorting|merge({class: "Search-resultsSorting"}) only %}
      {% endif %}
    {% endif %}
{% if not is_drupal_form %}
  </form>
{% endif %}

Variants

default
Open

default mock data

Raw
Resolved
Educational materials
Open

Educational materials mock data

Raw
Resolved