status-messages.html.twig in Zircon Profile 8
Same filename in this branch
Same filename and directory in other branches
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 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.
- display: (optional) May have a value of 'status' or 'error' when only displaying messages of that specific type.
- attributes: HTML attributes for the element, including:
- class: HTML classes.
See also
template_preprocess_status_messages()
1 theme call to status-messages.html.twig
- StatusMessages::renderMessages in core/
lib/ Drupal/ Core/ Render/ Element/ StatusMessages.php - #lazy_builder callback; replaces placeholder with messages.
File
core/modules/system/templates/status-messages.html.twigView 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 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.
- * - display: (optional) May have a value of 'status' or 'error' when only
- * displaying messages of that specific type.
- * - attributes: HTML attributes for the element, including:
- * - class: HTML classes.
- *
- * @see template_preprocess_status_messages()
- *
- * @ingroup themeable
- */
- #}
- {% 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 %}