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

default mock data

Raw
Resolved
Animation with text
Open

Animation with text mock data

Raw
Resolved