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;
}