Statusmeldungen

Infinite loop path loader

Infinite loop path loader: Ein 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.

Syncing library

Cache warm

Infinite loop path loader verwenden

Infinite loop path loader 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.

Einstellung	Typ	Standardwert	Vorschaugrenzen
`strokeWidth`	`number`	`6`	Von 2 bis 14; Schrittweite 1
`speed`	`number`	`1`	Von 0.25 bis 3; Schrittweite 0.25
`accent`	`color`	`#FF4D8D`	Keine weitere Grenze in den Metadaten.
`showTrack`	`boolean`	`true`	Keine weitere Grenze in den Metadaten.
`label`	`text`	`Syncing library`	Bis zu 28 Zeichen

Für welche Frameworks ist Infinite loop path loader verfügbar?

Infinite loop path 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 Infinite loop path loader?

Die React-Metadaten nennen keine zusätzlichen npm-Abhängigkeiten neben React.

Welche Details zur Barrierefreiheit sind in Infinite loop path loader erkennbar?

Der React-Quellcode von Infinite loop path loader enthält: Attribute und Ereignisbehandler (aria-hidden, aria-labelledby). Dies sind Beobachtungen am Quellcode. Prüfe zugängliche Namen, Fokusreihenfolge und Tastaturverhalten auf der zusammengesetzten Seite.

Wie berücksichtigt Infinite loop path loader reduzierte Bewegung?

Infinite loop path loader liest die Bewegungseinstellung im React-Quellcode über matchMedia(prefers-reduced-motion). 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

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 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.