Visão geral Blazor Ripple
O componente Ignite UI for Blazor Ripple cria uma animação em resposta a um toque ou clique do mouse.
Blazor Ripple Example
Usage
Antes de usar o IgbRipple, você precisa registrá-lo da seguinte forma:
// in Program.cs file
builder.Services.AddIgniteUIBlazor(typeof(IgbRippleModule));
Você também precisará vincular um arquivo CSS adicional para aplicar o estilo ao componente IgbRipple. O seguinte precisa ser colocado no arquivo wwwroot/index.html em um projeto Blazor Web Assembly ou no arquivo Pages/_Host.cshtml em um projeto Blazor Server:
<link href="_content/IgniteUI.Blazor/themes/light/bootstrap.css" rel="stylesheet" />
<IgbButton Variant="@ButtonVariant.Contained">
Ripple Button
<IgbRipple></IgbRipple>
</IgbButton>
Você pode adicionar o componente IgbRipple a qualquer elemento da web, desde que sua propriedade position CSS esteja definida como qualquer valor diferente de static;
Examples
Color
Você pode alterar a cor da ondulação definindo a propriedade CSS--color para qualquer cor CSS válida:
igc-ripple {
--color: olive;
}