status-messages.html.twig
Same filename in this branch
- 11.x core/profiles/demo_umami/themes/umami/templates/components/messages/status-messages.html.twig
- 11.x core/themes/olivero/templates/misc/status-messages.html.twig
- 11.x core/themes/stable9/templates/media-library/status-messages.html.twig
- 11.x core/themes/claro/templates/misc/status-messages.html.twig
- 11.x core/themes/starterkit_theme/templates/misc/status-messages.html.twig
- 11.x core/modules/system/tests/themes/test_messages/templates/status-messages.html.twig
Same filename in other branches
- 9 core/profiles/demo_umami/themes/umami/templates/components/messages/status-messages.html.twig
- 9 core/themes/olivero/templates/misc/status-messages.html.twig
- 9 core/themes/stable9/templates/media-library/status-messages.html.twig
- 9 core/themes/seven/templates/classy/misc/status-messages.html.twig
- 9 core/themes/claro/templates/misc/status-messages.html.twig
- 9 core/themes/bartik/templates/status-messages.html.twig
- 9 core/themes/stable/templates/misc/status-messages.html.twig
- 9 core/themes/starterkit_theme/templates/misc/status-messages.html.twig
- 9 core/themes/classy/templates/misc/status-messages.html.twig
- 9 core/modules/system/tests/themes/test_messages/templates/status-messages.html.twig
- 9 core/modules/system/templates/status-messages.html.twig
- 8.9.x core/profiles/demo_umami/themes/umami/templates/components/messages/status-messages.html.twig
- 8.9.x core/themes/seven/templates/classy/misc/status-messages.html.twig
- 8.9.x core/themes/claro/templates/misc/status-messages.html.twig
- 8.9.x core/themes/bartik/templates/status-messages.html.twig
- 8.9.x core/themes/stable/templates/misc/status-messages.html.twig
- 8.9.x core/themes/classy/templates/misc/status-messages.html.twig
- 8.9.x core/modules/system/tests/themes/test_messages/templates/status-messages.html.twig
- 8.9.x core/modules/system/templates/status-messages.html.twig
- 10 core/profiles/demo_umami/themes/umami/templates/components/messages/status-messages.html.twig
- 10 core/themes/olivero/templates/misc/status-messages.html.twig
- 10 core/themes/stable9/templates/media-library/status-messages.html.twig
- 10 core/themes/claro/templates/misc/status-messages.html.twig
- 10 core/themes/starterkit_theme/templates/misc/status-messages.html.twig
- 10 core/modules/system/tests/themes/test_messages/templates/status-messages.html.twig
- 10 core/modules/system/templates/status-messages.html.twig
Default theme implementation for status messages.
Displays status, error, and warning messages, grouped by type.
An invisible heading identifies the messages for assistive technology. Sighted users see a colored box. See https://www.w3.org/TR/WCAG-TECHS/H69.html for info.
Add an ARIA label to the contentinfo area so that assistive technology user agents will better describe this landmark.
Available variables:
- message_list: List of messages to be displayed, grouped by type.
- status_headings: List of all status types.
- attributes: HTML attributes for the element, including:
- class: HTML classes.
6 theme calls to status-messages.html.twig
- AnnounceRenderer::render in core/
modules/ announcements_feed/ src/ AnnounceRenderer.php - Generates the announcements feed render array.
- ConfigFormBase::checkConfigOverrides in core/
lib/ Drupal/ Core/ Form/ ConfigFormBase.php - Form #after_build callback: Adds message if overrides exist.
- ContentTranslationHandler::entityFormSharedElements in core/
modules/ content_translation/ src/ ContentTranslationHandler.php - Process callback: determines which elements get clue in the form.
- ContentTranslationHandlerTest::providerTestEntityFormSharedElements in core/
modules/ content_translation/ tests/ src/ Kernel/ ContentTranslationHandlerTest.php - Returns test cases for ::testEntityFormSharedElements().
- LayoutBuilderEntityFormTrait::buildMessageContainer in core/
modules/ layout_builder/ src/ Form/ LayoutBuilderEntityFormTrait.php - Build the message container.
File
-
core/
modules/ system/ templates/ status-messages.html.twig
View source
- {#
- /**
- * @file
- * Default theme implementation for status messages.
- *
- * Displays status, error, and warning messages, grouped by type.
- *
- * An invisible heading identifies the messages for assistive technology.
- * Sighted users see a colored box. See https://www.w3.org/TR/WCAG-TECHS/H69.html
- * for info.
- *
- * Add an ARIA label to the contentinfo area so that assistive technology
- * user agents will better describe this landmark.
- *
- * Available variables:
- * - message_list: List of messages to be displayed, grouped by type.
- * - status_headings: List of all status types.
- * - attributes: HTML attributes for the element, including:
- * - class: HTML classes.
- *
- * @ingroup themeable
- */
- #}
- <div data-drupal-messages>
- {% for type, messages in message_list %}
- <div role="contentinfo" aria-label="{{ status_headings[type] }}"{{ attributes|without('role', 'aria-label') }}>
- {% if type == 'error' %}
- <div role="alert">
- {% endif %}
- {% if status_headings[type] %}
- <h2 class="visually-hidden">{{ status_headings[type] }}</h2>
- {% endif %}
- {% if messages|length > 1 %}
- <ul>
- {% for message in messages %}
- <li>{{ message }}</li>
- {% endfor %}
- </ul>
- {% else %}
- {{ messages|first }}
- {% endif %}
- {% if type == 'error' %}
- </div>
- {% endif %}
- </div>
- {% endfor %}
- </div>
Related topics
Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.