Blazor Ripple 개요
Ignite UI for Blazor 터치 또는 마우스 클릭에 응답하여 애니메이션을 만듭니다.
Blazor Ripple Example
Usage
사용하기IgbRipple 전에 다음과 같이 등록해야 합니다:
// in Program.cs file
builder.Services.AddIgniteUIBlazor(typeof(IgbRippleModule));
스타일링을 컴포넌트에 적용하려면 추가 CSS 파일을 연결해야 합니다IgbRipple. 다음 내용은 Blazor Web Assembly 프로젝트의 wwwroot/index.html 파일 또는 Blazor Server 프로젝트의 Pages/_Host.cshtml 파일에 포함되어야 합니다:
<link href="_content/IgniteUI.Blazor/themes/light/bootstrap.css" rel="stylesheet" />
<IgbButton Variant="@ButtonVariant.Contained">
Ripple Button
<IgbRipple></IgbRipple>
</IgbButton>
다음에 추가할 수 있습니다.IgbRipple CSS인 웹 요소의 컴포넌트입니다position 속성은 이외의 값으로 설정됩니다.static;
Examples
Color
CSS 속성을 유효한 CSS 색상으로 설정--color 하면 리플의 색상을 변경할 수 있습니다:
igc-ripple {
--color: olive;
}