1 Repo
Settings for controlling the geometry and arrangement of loading placeholders.
Distinct from Skeleton: Distinct from general appearance (colors/animations) by focusing on structural properties like shape, count, and display mode.
Explore 1 awesome GitHub repository matching user interface & experience · Layout Configurations. Refine with filters or upvote what's useful.
react-loading-skeleton ist eine React-Bibliothek zum Rendern von Platzhalter-Shapes, die Ladezustände von Inhalten simulieren. Sie bietet eine Sammlung thematisierter UI-Komponenten, die verwendet werden, um Lade-Interfaces darzustellen, bevor Daten abgerufen und angezeigt werden. Die Bibliothek bietet einen hierarchischen Theme-Provider, der die globale oder verschachtelte Verwaltung von Farben und Animationen ermöglicht. Sie enthält anpassbare Platzhalter, die verschiedene Dimensionen und Formen unterstützen, wie z. B. kreisförmige Indikatoren für Profilelemente und blockbasierte Formen für allgemeine Inhalte. Das System implementiert Accessibility-Standards durch Mapping von Komponenten auf Screenreader-Attribute und erkennt systemweite Reduced-Motion-Einstellungen, um Animationen anzupassen. Es nutzt CSS-gesteuerte Shimmer-Effekte und dimensionserbende Platzhalter, um die Layout-Stabilität zu wahren.
Implements controls for adjusting placeholder counts, circular shapes, and block or inline display modes.