Descripción general de Web Components Ripple
El componente Ignite UI for Web Components Ripple crea una animación en respuesta a un toque o a un clic del ratón.
Web Components Ripple Example
Usage
En primer lugar, debe instalar el Ignite UI for Web Components ejecutando el siguiente comando:
npm install igniteui-webcomponents
Antes de usarlosIgcRippleComponent, debes registrarlo de la siguiente manera:
import { defineComponents, IgcRippleComponent } from "igniteui-webcomponents";
import 'igniteui-webcomponents/themes/light/bootstrap.css';
defineComponents(IgcRippleComponent);
Para una introducción completa al Ignite UI for Web Components, lee el tema Empezar.
La forma más sencilla de empezar a usar elIgcRippleComponent uso es la siguiente:
<igc-button>
<igc-ripple></igc-ripple>
Ripple Button
</igc-button>
Puedes añadir elIgcRippleComponent 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;
}