Descripción general React Ripple
El componente Ignite UI for React Ripple crea una animación en respuesta a un toque o un clic del mouse.
React Ripple Example
Usage
Primero, debe instalar el paquete Ignite UI for React npm correspondiente ejecutando el siguiente comando:
npm install igniteui-react
Luego necesitarás importar IgrRipple, su CSS necesario y registrar su módulo, así:
import { IgrRippleModule, IgrRipple } from 'igniteui-react';
import 'igniteui-webcomponents/themes/light/bootstrap.css';
IgrRippleModule.register();
<IgrButton>
<IgrRipple></IgrRipple>
<span>Ripple Button</span>
</IgrButton>
Puede agregar el componente IgrRipple a cualquier elemento web siempre que su propiedad position CSS esté establecida en cualquier otro valor que no sea static;
Examples
Color
Puede cambiar el color de la onda estableciendo la propiedad CSS--color en cualquier color CSS válido:
igc-ripple {
--color: olive;
}