Zum Inhalt springen
fend-ui
Vorschau

Skeleton

Ladeplatzhalter mit Schimmer und drei Presets für Text, Avatar und Karte. Alle Teile sind dekorativ; den Ladezustand kommuniziert die umgebende Region über aria-busy. Bei reduzierter Bewegung steht der Schimmer still.

Blöcke

Skeleton ist die Basis: Höhe, Breite und Radius kommen über className, der Schimmer aus der Theme-Utility.

Textzeilen

SkeletonText stapelt Zeilen unterschiedlicher Breite; die letzte Zeile ist kürzer, damit der Absatz natürlich wirkt.

Avatare

SkeletonAvatar gibt es in denselben drei Größen wie den Avatar.

Karte

SkeletonCard kombiniert Avatar, Text und eine Bildfläche zu einer vollständigen Ladevorlage.

Reduzierte Bewegung

Unter prefers-reduced-motion: reduce schaltet der Schimmer auf eine statische Fläche um. Den Ladezustand kommuniziert die umgebende Region über aria-busy.

Inhalt wird geladen