Descripción general Blazor Ripple

    El componente Ignite UI for Blazor Ripple crea una animación en respuesta a un toque o un clic del mouse.

    Blazor Ripple Example

    Usage

    Antes de usar IgbRipple, debe registrarlo de la siguiente manera:

    // in Program.cs file
    
    builder.Services.AddIgniteUIBlazor(typeof(IgbRippleModule));
    

    También deberá vincular un archivo CSS adicional para aplicar el estilo al componente IgbRipple. Es necesario colocar lo siguiente en el archivo wwwroot/index.html de un proyecto Blazor Web Assembly o en el archivo Pages/_Host.cshtml de un proyecto Blazor Server:

    <link href="_content/IgniteUI.Blazor/themes/light/bootstrap.css" rel="stylesheet" />
    
    <IgbButton Variant="@ButtonVariant.Contained">
        Ripple Button
        <IgbRipple></IgbRipple>
    </IgbButton>
    

    Puede agregar el componente IgbRipple 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;
    }
    

    API References

    Additional Resources