Zum Inhalt springen
Fieldbook
Menü
Anmelden
DE

Statusmeldungen

Curtain line loader

Curtain line loader: Ein Ladevorhang, der sich hinter einer hellen Wanderlinie zurückzieht und den fertigen Inhalt sichtbar macht, anstatt ihn einzublenden.

Curtain line loader verwenden

Curtain line loader verwendet das Vorschauformat „Karte“ mit der Theme-Einstellung „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
accentcolor#FF6A1FKeine weitere Grenze in den Metadaten.
durationnumber900Von 400 bis 2000; Schrittweite 50
directionselectrightOptionen: left, right, up, down
lineWidthnumber4Von 2 bis 10; Schrittweite 1
loopbooleantrueKeine weitere Grenze in den Metadaten.
Für welche Frameworks ist Curtain line loader verfügbar?

Curtain line loader 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 Curtain line loader?

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

Welche Details zur Barrierefreiheit sind in Curtain line loader erkennbar?

Der React-Quellcode von Curtain line loader enthält: native Elemente (button); Attribute und Ereignisbehandler (aria-hidden, aria-label). Dies sind Beobachtungen am Quellcode. Prüfe zugängliche Namen, Fokusreihenfolge und Tastaturverhalten auf der zusammengesetzten Seite.

Wie berücksichtigt Curtain line loader reduzierte Bewegung?

Curtain line loader 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 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 Single glyph spinner von Fieldbook aus der Kategorie Statusmeldungen.
2231Single glyph spinnerStatusmeldungenEin minimaler Ringspinner: ein dünn gestrichelter Bogen, der sich kontinuierlich dreht, um zu signalisieren, dass eine Hintergrundaufgabe ausgeführt wird.
Standbild der UI-Komponente Content Loading Card von Fieldbook aus der Kategorie Statusmeldungen.
2129Content Loading CardStatusmeldungenEin kartenförmiger Platzhalter, der mit einem langsamen opacity-Puls atmet, während noch ein großer Bildblock und zwei Textzeilen geladen werden.
Standbild der UI-Komponente Infinite loop path loader von Fieldbook aus der Kategorie Statusmeldungen.
2171Infinite loop path loaderStatusmeldungenEin Lader in Form einer Acht, bei dem sich ein helles Segment endlos um eine schwache Spur zieht, wobei sich Kopf und Schwanz unterschiedlich schnell bewegen, damit das Armaturenbrett atmet.
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.