status-messages.html.twig

Same filename in this branch
  1. 11.x core/profiles/demo_umami/themes/umami/templates/components/messages/status-messages.html.twig
  2. 11.x core/themes/olivero/templates/misc/status-messages.html.twig
  3. 11.x core/themes/stable9/templates/media-library/status-messages.html.twig
  4. 11.x core/themes/claro/templates/misc/status-messages.html.twig
  5. 11.x core/themes/starterkit_theme/templates/misc/status-messages.html.twig
  6. 11.x core/modules/system/tests/themes/test_messages/templates/status-messages.html.twig
Same filename in other branches
  1. 9 core/profiles/demo_umami/themes/umami/templates/components/messages/status-messages.html.twig
  2. 9 core/themes/olivero/templates/misc/status-messages.html.twig
  3. 9 core/themes/stable9/templates/media-library/status-messages.html.twig
  4. 9 core/themes/seven/templates/classy/misc/status-messages.html.twig
  5. 9 core/themes/claro/templates/misc/status-messages.html.twig
  6. 9 core/themes/bartik/templates/status-messages.html.twig
  7. 9 core/themes/stable/templates/misc/status-messages.html.twig
  8. 9 core/themes/starterkit_theme/templates/misc/status-messages.html.twig
  9. 9 core/themes/classy/templates/misc/status-messages.html.twig
  10. 9 core/modules/system/tests/themes/test_messages/templates/status-messages.html.twig
  11. 9 core/modules/system/templates/status-messages.html.twig
  12. 8.9.x core/profiles/demo_umami/themes/umami/templates/components/messages/status-messages.html.twig
  13. 8.9.x core/themes/seven/templates/classy/misc/status-messages.html.twig
  14. 8.9.x core/themes/claro/templates/misc/status-messages.html.twig
  15. 8.9.x core/themes/bartik/templates/status-messages.html.twig
  16. 8.9.x core/themes/stable/templates/misc/status-messages.html.twig
  17. 8.9.x core/themes/classy/templates/misc/status-messages.html.twig
  18. 8.9.x core/modules/system/tests/themes/test_messages/templates/status-messages.html.twig
  19. 8.9.x core/modules/system/templates/status-messages.html.twig
  20. 10 core/profiles/demo_umami/themes/umami/templates/components/messages/status-messages.html.twig
  21. 10 core/themes/olivero/templates/misc/status-messages.html.twig
  22. 10 core/themes/stable9/templates/media-library/status-messages.html.twig
  23. 10 core/themes/claro/templates/misc/status-messages.html.twig
  24. 10 core/themes/starterkit_theme/templates/misc/status-messages.html.twig
  25. 10 core/modules/system/tests/themes/test_messages/templates/status-messages.html.twig
  26. 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.

... See full list

File

core/modules/system/templates/status-messages.html.twig

View source
  1. {#
  2. /**
  3. * @file
  4. * Default theme implementation for status messages.
  5. *
  6. * Displays status, error, and warning messages, grouped by type.
  7. *
  8. * An invisible heading identifies the messages for assistive technology.
  9. * Sighted users see a colored box. See https://www.w3.org/TR/WCAG-TECHS/H69.html
  10. * for info.
  11. *
  12. * Add an ARIA label to the contentinfo area so that assistive technology
  13. * user agents will better describe this landmark.
  14. *
  15. * Available variables:
  16. * - message_list: List of messages to be displayed, grouped by type.
  17. * - status_headings: List of all status types.
  18. * - attributes: HTML attributes for the element, including:
  19. * - class: HTML classes.
  20. *
  21. * @ingroup themeable
  22. */
  23. #}
  24. <div data-drupal-messages>
  25. {% for type, messages in message_list %}
  26. <div role="contentinfo" aria-label="{{ status_headings[type] }}"{{ attributes|without('role', 'aria-label') }}>
  27. {% if type == 'error' %}
  28. <div role="alert">
  29. {% endif %}
  30. {% if status_headings[type] %}
  31. <h2 class="visually-hidden">{{ status_headings[type] }}</h2>
  32. {% endif %}
  33. {% if messages|length > 1 %}
  34. <ul>
  35. {% for message in messages %}
  36. <li>{{ message }}</li>
  37. {% endfor %}
  38. </ul>
  39. {% else %}
  40. {{ messages|first }}
  41. {% endif %}
  42. {% if type == 'error' %}
  43. </div>
  44. {% endif %}
  45. </div>
  46. {% endfor %}
  47. </div>

Related topics


Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.