Descripción general de Blazor Ripple
El componente Ignite UI for Blazor Ripple crea una animación en respuesta a un toque o a un clic del ratón.
Blazor Ripple Example
Usage
Antes de usarlosIgbRipple, debes registrarlo de la siguiente manera:
// in Program.cs file
builder.Services.AddIgniteUIBlazor(typeof(IgbRippleModule));
También tendrás que vincular un archivo CSS adicional para aplicar el estilo alIgbRipple componente. Lo siguiente debe colocarse en el archivo wwwroot/index.html de un proyecto de ensamblador web Blazor 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>
Puedes añadir elIgbRipple 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;
}