Zum Inhalt springen
Fieldbook
Menü
Anmelden
DE

Statusmeldungen

Content Loading Card

Content Loading Card: Ein kartenförmiger Platzhalter, der mit einem langsamen opacity-Puls atmet, während noch ein großer Bildblock und zwei Textzeilen geladen werden.

Content Loading Card verwenden

Content Loading Card verwendet das Vorschauformat „Karte“ mit der Theme-Einstellung „hell/dunkel“.

Vorschau anpassen

Diese Einstellungen werden an die Demo übergeben. Standardwerte und Grenzen gelten für die Vorschau; die vollständige Props-API steht in der Implementierung.

EinstellungTypStandardwertVorschaugrenzen
layoutselectcardOptionen: card, list, profile
pulsebooleantrueKeine weitere Grenze in den Metadaten.
Für welche Frameworks ist Content Loading Card verfügbar?

Content Loading Card ist für React, Vue, Svelte, Astro, HTML verfügbar. Die Live-Vorschau verwendet React; die folgenden Quellcode-Beobachtungen beziehen sich auf index.tsx. Prüfe die gewählte Portierung auf die benötigten Interaktionen.

Welche Abhängigkeiten hat Content Loading Card?

Die React-Metadaten nennen diese zusätzlichen npm-Abhängigkeiten: motion.

Welche Details zur Barrierefreiheit sind in Content Loading Card erkennbar?

Der React-Quellcode von Content Loading Card enthält: Attribute und Ereignisbehandler (aria-hidden, aria-label); explizite Rollen (status). Dies sind Beobachtungen am Quellcode. Prüfe zugängliche Namen, Fokusreihenfolge und Tastaturverhalten auf der zusammengesetzten Seite.

Wie berücksichtigt Content Loading Card reduzierte Bewegung?

Content Loading Card liest die Bewegungseinstellung im React-Quellcode über useReducedMotion(). Prüfe die vollständige Implementierung, gemeinsame Stile und die gewählte Portierung mit aktivierter Bewegungsreduktion; diese Beobachtungen belegen keinen vollständigen Animationsstopp.

Verbinde deinen Agenten

Verwandte offene Komponenten

Standbild der UI-Komponente Empty State Panel von Fieldbook aus der Kategorie Statusmeldungen.
1922Empty State PanelStatusmeldungenEin zentrierter Platzhalter, der anstelle einer leeren Liste angezeigt wird, mit einem Titel, einer Beschreibung und einer oder zwei Startaktionen.
Standbild der UI-Komponente Curtain line loader von Fieldbook aus der Kategorie Statusmeldungen.
2138Curtain line loaderStatusmeldungenEin Ladevorhang, der sich hinter einer hellen Wanderlinie zurückzieht und den fertigen Inhalt sichtbar macht, anstatt ihn einzublenden.
Standbild der UI-Komponente Fill progress loading text von Fieldbook aus der Kategorie Statusmeldungen.
1958Fill progress loading textStatusmeldungenEin Ladeetikett ist nur ein schwacher Umriss seiner selbst, während eine einfarbige Kopie es von links ausfüllt, wie ein Fortschrittsbalken in Form des Wortes, der sich während der Arbeit hin und her bewegt.
Standbild der UI-Komponente Labeled progress bar von Fieldbook aus der Kategorie Statusmeldungen.
1988Labeled progress barStatusmeldungenEine beschriftete Fortschrittsspur, deren Füllung sich auf eine neue Breite ausdehnt, während eine Prozentanzeige gleichmäßig zählt, um mit ihr übereinzustimmen.
Standbild der UI-Komponente Quiet Ring Spinner von Fieldbook aus der Kategorie Statusmeldungen.
2020Quiet Ring SpinnerStatusmeldungenEin minimaler Ladering mit einem Element: ein dünner Kreis mit einem farbigen Viertel, der sich kontinuierlich dreht, um einen Besetztzustand zu markieren.
Standbild der UI-Komponente Segment Fade Spinner von Fieldbook aus der Kategorie Statusmeldungen.
2224Segment Fade SpinnerStatusmeldungenEine Ladeanzeige aus acht radialen Segmenten, die nacheinander ein- und ausgeblendet werden, sodass es scheint, als würde ein heller Bogen um den Ring jagen.