Same filename in this branch
- 10 core/modules/system/templates/status-messages.html.twig
- 10 core/themes/claro/templates/misc/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/starterkit_theme/templates/misc/status-messages.html.twig
- 10 core/modules/system/tests/themes/test_messages/templates/status-messages.html.twig
- 10 core/profiles/demo_umami/themes/umami/templates/components/messages/status-messages.html.twig
Same filename and directory in other branches
Theme override 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 http://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.
3 theme calls to status-messages.html.twig
- 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.
- StatusMessages::renderMessages in core/
lib/ Drupal/ Core/ Render/ Element/ StatusMessages.php - #lazy_builder callback; replaces placeholder with messages.
File
core/profiles/demo_umami/themes/umami/templates/components/messages/status-messages.html.twigView source
- {#
- /**
- * @file
- * Theme override 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 http://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.
- */
- #}
- <div data-drupal-messages>
- {% block messages %}
- {% for type, messages in message_list %}
- {%
- set classes = [
- 'messages',
- 'messages--' ~ type,
- ]
- %}
- <div role="contentinfo" aria-label="{{ status_headings[type] }}"{{ attributes.addClass(classes)|without('role', 'aria-label') }}>
- <div class="messages__content container">
- {% 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 class="messages__list">
- {% for message in messages %}
- <li class="messages__item">{{ message }}</li>
- {% endfor %}
- </ul>
- {% else %}
- <span class="messages__item">{{ messages|first }}</span>
- {% endif %}
- {% if type == 'error' %}
- </div>
- {% endif %}
- </div>
- </div>
- {# Remove type specific classes. #}
- {% set attributes = attributes.removeClass(classes) %}
- {% endfor %}
- {% endblock messages %}
- </div>