Visão geral do React Ripple

    O componente Ondulação Ignite UI for React cria uma animação em resposta a um toque ou clique do mouse.

    React Ripple Example

    Usage

    Primeiro, você precisa instalar o pacote npm Ignite UI for React correspondente executando o seguinte comando:

    npm install igniteui-react

    Você então precisará importar oIgrRipple CSS necessário e o necessário, assim:

    import { IgrRipple } from 'igniteui-react';
import 'igniteui-webcomponents/themes/light/bootstrap.css';

    <IgrButton>
  <IgrRipple></IgrRipple>
  <span>Ripple Button</span>
</IgrButton>

    Você pode adicionar oIgrRipple componente a qualquer elemento web desde que sua propriedade CSSposition esteja definida para qualquer outro valor que;static​

    Examples

    Color

    Você pode mudar a cor do ripple definindo a--color propriedade CSS para qualquer cor CSS válida:

    igc-ripple {
  --color: olive;
}

    API References

    Additional Resources