You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
61 lines
2.1 KiB
61 lines
2.1 KiB
{# |
|
/** |
|
* @file |
|
* 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. |
|
* - in_preview: Whether the plugin is being rendered in preview mode. |
|
* - 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. |
|
* |
|
* @see template_preprocess_block() |
|
* @see search_preprocess_block() |
|
*/ |
|
#} |
|
{# |
|
Icon usage example (Drupal 11 Icon API). The search input gets a |
|
magnifying-glass icon overlaid on its left side. |
|
|
|
Pattern for ANY icon in ANY Twig template: |
|
{{ icon('druid', 'icon-name') }} |
|
|
|
where 'icon-name' matches a file at <theme>/icons/<icon-name>.svg. |
|
See druid.icons.yml (theme root) for the full reference. |
|
#} |
|
{% |
|
set classes = [ |
|
'block', |
|
'block-search', |
|
'container-inline', |
|
] |
|
%} |
|
<div{{ attributes.addClass(classes) }}> |
|
{{ title_prefix }} |
|
{% if label %} |
|
<h2{{ title_attributes }}>{{ label }}</h2> |
|
{% endif %} |
|
{{ title_suffix }} |
|
{% block content %} |
|
<div class="block-search__field"> |
|
<span class="block-search__icon" aria-hidden="true"> |
|
{{ icon('druid', 'magnifying-glass') }} |
|
</span> |
|
{{ content }} |
|
</div> |
|
{% endblock %} |
|
</div>
|
|
|