Statusmeldungen

Click ripple burst

Ein Zeiger-Feedback-Effekt, der eine kurze animierte Form genau dort erzeugt, wo der Benutzer klickt oder tippt.

Click or tap anywhereEach release spawns one effect at the pointer

Click ripple burst verwenden

Ein Zeiger-Feedback-Effekt, der eine kurze animierte Form genau dort erzeugt, wo der Benutzer klickt oder tippt.

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: variant, color, size, duration

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

2122Click spark burstStatusmeldungenJede Presse wirft einen Ring aus kurzen Linien vom genauen Kontaktpunkt aus, jede einzelne dehnt sich aus und schrumpft im Flug zu nichts.

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.

1645Press ripple buttonSchaltflächenEin fester Knopf, der genau an der Stelle, an der Sie drücken, einen Lichtkreis erzeugt, der sich über die Ränder hinaus ausdehnt und beim Loslassen verblasst.

1546Toast stackStatusmeldungenEin Benachrichtigungsstapel in der Ecke, in dem ältere Toasts sich hinter den neuesten stecken und darauf zeigen, sie in einer Liste auffächern und jeder einen Haaransatz abträgt, bevor er verschwindet.

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.

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.