loading-animation

Information

Folder: src/components/elements/loading-animation

Files

Schema

Mocks

Template

// src/components/elements/loading-animation/loading-animation.html.twig

<div class="LoadingAnimation js-LoadingAnimation{% if class %} {{ class }}{% endif %}" role="alert" aria-live="assertive">
  <span class="LoadingAnimation-loader">
    {% if not text %}<span class="u-hiddenVisually">Inhalt wird geladen...</span>{% endif %}
  </span>
  {% if text %}<div class="LoadingAnimation-text">{{ text|raw }}</div>{% endif %}
</div>

Variants

default

Open

Animation with text

Open