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

    EXAMPLE

    Like this sample? Get access to our complete Ignite UI for React toolkit and start building your own apps in minutes. Download it for free.

    Usage

    Primero, debes instalar el paquete npm Ignite UI for React correspondiente ejecutando el siguiente comando:

    npm install igniteui-react
    cmd

    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();
    tsx
    <IgrButton>
      <IgrRipple></IgrRipple>
      <span>Ripple Button</span>
    </IgrButton>
    tsx

    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;

    Ignite UI for React | CTA Banner

    Examples

    Color

    Puede cambiar el color de la onda estableciendo la propiedad CSS--color en cualquier color CSS válido:

    igc-ripple {
      --color: olive;
    }
    css

    EXAMPLE

    API References

    Additional Resources