Statusmeldungen

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

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

Teste die Vorschau mit Maus und Tastatur. Prüfe den sichtbaren Fokus und das Layout auf schmalen Bildschirmen in deiner eigenen Seite. Nenne deinem Agenten die Nummer oder den Bezeichner, um diese Komponente abzurufen.

Eigenschaften: accent, duration, direction, lineWidth, loop

Welche Frameworks sind verfügbar?

Der Katalog enthält diese Versionen: react, vue, svelte, astro, html. Die Vorschau auf dieser Seite verwendet React.

Wie greife ich auf die Implementierung zu?

Code, Framework-Versionen und Installationsbefehle sind im Arbeitsbereich oben verfügbar.

Verbinde deinen Agenten

Ähnliche Komponenten

2117Breathing dot loaderStatusmeldungenPunkte, die an Ort und Stelle bleiben und atmen, anstatt sich abwechselnd zu bewegen, anzuschwellen und zu verblassen, sodass die Reihe wie ein langsamer Herzschlag aussieht.

2151Expanding ring loaderStatusmeldungenDünne Ringe, die aus einem einzigen Punkt herauswachsen und mit der Weitung verblassen, werden nacheinander freigegeben, damit der Puls nie aufhört.

2167Hopping dot loaderStatusmeldungenEine kurze Reihe von Punkten, die in einer Wanderwelle hüpfen und jeweils einen Schlag nach dem Punkt daneben den Boden verlassen.

1989Layered ring loaderStatusmeldungenEin zentriertes Emblem aus konzentrischen Teilringen, die sich mit unterschiedlicher Geschwindigkeit und Richtung drehen, darunter werden ein Statustitel und ein Untertitel eingeblendet.

2231Single glyph spinnerStatusmeldungenEin minimaler Ringspinner: ein dünn gestrichelter Bogen, der sich kontinuierlich dreht, um zu signalisieren, dass eine Hintergrundaufgabe ausgeführt wird.

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.