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, debes instalar el paquete npm Ignite UI for React correspondiente ejecutando el siguiente comando:
npm install igniteui-react
Entonces tendrás que importar elIgrRipple CSS necesario y su contenido, así:
import { IgrRipple } from 'igniteui-react';
import 'igniteui-webcomponents/themes/light/bootstrap.css';
<IgrButton>
<IgrRipple></IgrRipple>
<span>Ripple Button</span>
</IgrButton>
Puedes añadir elIgrRipple componente a cualquier elemento web siempre que su propiedad CSSposition esté establecida a cualquier otro valor questatic;
Examples
Color
Puedes cambiar el color de la ondulación configurando la--color propiedad CSS a cualquier color CSS válido:
igc-ripple {
--color: olive;
}