You are here

block--search-form-block.html.twig in Drupal 10

Theme override for the search form block.

Available variables:

  • plugin_id: The ID of the block implementation.
  • label: The configured label of the block if visible.
  • configuration: A list of the block's configuration values, including:
    • label: The configured label for the block.
    • label_display: The display settings for the label.
    • provider: The module or other provider that provided this block plugin.
    • Block plugin specific settings will also be stored here.
  • content: The content of this block.
  • attributes: A list HTML attributes populated by modules, intended to be added to the main container tag of this template. Includes:

    • id: A valid HTML ID and guaranteed unique.
  • title_attributes: Same as attributes, except applied to the main title tag that appears in the template.
  • title_prefix: Additional output populated by modules, intended to be displayed in front of the main title tag that appears in the template.
  • title_suffix: Additional output populated by modules, intended to be displayed after the main title tag that appears in the template.

File

core/profiles/demo_umami/themes/umami/templates/components/search/block--search-form-block.html.twig
View source
  1. {#
  2. /**
  3. * @file
  4. * Theme override for the search form block.
  5. *
  6. * Available variables:
  7. * - plugin_id: The ID of the block implementation.
  8. * - label: The configured label of the block if visible.
  9. * - configuration: A list of the block's configuration values, including:
  10. * - label: The configured label for the block.
  11. * - label_display: The display settings for the label.
  12. * - provider: The module or other provider that provided this block plugin.
  13. * - Block plugin specific settings will also be stored here.
  14. * - content: The content of this block.
  15. * - attributes: A list HTML attributes populated by modules, intended to
  16. * be added to the main container tag of this template. Includes:
  17. * - id: A valid HTML ID and guaranteed unique.
  18. * - title_attributes: Same as attributes, except applied to the main title
  19. * tag that appears in the template.
  20. * - title_prefix: Additional output populated by modules, intended to be
  21. * displayed in front of the main title tag that appears in the template.
  22. * - title_suffix: Additional output populated by modules, intended to be
  23. * displayed after the main title tag that appears in the template.
  24. *
  25. * @see template_preprocess_block()
  26. * @see search_preprocess_block()
  27. */
  28. #}
  29. {%
  30. set classes = [
  31. 'block',
  32. 'block-search',
  33. 'container-inline',
  34. ]
  35. %}
  36. <div class="search-iconwrap">
  37. <a class="search-link" title="{{ 'Go to the search page'|t }}" href="{{ path('search.view') }}">
  38. <span class="search-icon" aria-hidden="true">{% include active_theme_path() ~ '/images/svg/search.svg' %}</span>
  39. <span class="visually-hidden">{{ 'Search'|t }}</span>
  40. </a>
  41. </div>
  42. <div{{ attributes.addClass(classes) }}>
  43. {{ title_prefix }}
  44. {% if label %}
  45. <h2{{ title_attributes.addClass('visually-hidden') }}>{{ label }}</h2>
  46. {% endif %}
  47. {{ title_suffix }}
  48. {% block content %}
  49. {{ content }}
  50. {% endblock %}
  51. </div>