status-report-counter.html.twig in Drupal 10

Theme override for status report counter.

Available variables:

• amount: The number shown on counter.
• text: The text shown on counter.
• severity: The severity of the counter.

2 theme calls to status-report-counter.html.twig

ReviewForm::buildForm in core/modules/migrate_drupal_ui/src/Form/ReviewForm.php

Form constructor.

StatusReportPage::preRenderCounters in core/modules/system/src/Element/StatusReportPage.php

#pre_render callback to create counter elements.

File

core/themes/claro/templates/status-report-counter.html.twig

{#
/**
 * @file
 * Theme override for status report counter.
 *
 * Available variables:
 * - amount: The number shown on counter.
 * - text: The text shown on counter.
 * - severity: The severity of the counter.
 *
 * @ingroup themeable
 */
#}
{%
  set classes = [
    'system-status-counter',
    'system-status-counter--' ~ severity,
  ]
%}
<span{{ attributes.addClass(classes) }}>
  <span class="system-status-counter__status-icon system-status-counter__status-icon--{{ severity }}"></span>
  <span class="system-status-counter__status-title">
    <span class="system-status-counter__title-count">{{ amount }} {{ text }}</span>
    <span class="system-status-counter__details"><a href="#{{ severity }}" ><span class="visually-hidden">{{ text }} </span>Details</a></span>
  </span>
</span>

Related topics

Theme system overview

Functions and templates for the user interface that themes can override.