Die v-ripple-Direktive wird verwendet, um die Aktion eines Benutzers anzuzeigen. Sie kann auf jedes Block Level Element angewendet werden. Zahlreiche Komponenten wie der v-btn, v-tabs-item und viele mehr kommen mit der Ripple-Direktive bereits eingebaut.
Grundlegende Ripple-Funktionalität kann nur durch Verwendung der v-ripple-Direktive auf einer Komponente oder einem HTML-Element aktiviert werden
Wählen Sie unten Ihren gewünschte Komponente aus und sehen Sie die verfügbaren Attribute, Slots, Ereignisse und Funktionen.
Unten finden Sie eine Sammlung einfacher bis komplexer Beispiele.
Mit einer Helfer-Klasse können Sie die Farbe des Ripples ändern.
Wenn eine center-Option benutzt wird, wird der Ripple immer aus der Mitte des Ziels stammen.
Einige Komponenten bieten das "ripple"-Props an, das es Ihnen erlaubt, den Rippeleffekt zu steuern. Sie können es deaktivieren oder das Verhalten anpassen, indem Sie class- oder center-Optionen benutzen.
Bereit für mehr? Weiter lesen mit: