Statusmeldungen
Click ripple burst
Click ripple burst: Ein Zeiger-Feedback-Effekt, der eine kurze animierte Form genau dort erzeugt, wo der Benutzer klickt oder tippt.
Click ripple burst verwenden
Click ripple burst 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.
| Einstellung | Typ | Standardwert | Vorschaugrenzen |
|---|---|---|---|
variant | select | ring | Optionen: ripple, ring, crosshair, burst, particles |
color | color | #F5C542 | Keine weitere Grenze in den Metadaten. |
size | number | 100 | Von 40 bis 200; Schrittweite 10 |
duration | number | 400 | Von 150 bis 900; Schrittweite 50 |
Für welche Frameworks ist Click ripple burst verfügbar?
Click ripple burst 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 Click ripple burst?
Die React-Metadaten nennen diese zusätzlichen npm-Abhängigkeiten: motion.
Welche Details zur Barrierefreiheit sind in Click ripple burst erkennbar?
Der React-Quellcode von Click ripple burst enthält: Attribute und Ereignisbehandler (aria-hidden). Dies sind Beobachtungen am Quellcode. Prüfe zugängliche Namen, Fokusreihenfolge und Tastaturverhalten auf der zusammengesetzten Seite.
Wie berücksichtigt Click ripple burst reduzierte Bewegung?
Click ripple burst 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.
