Blazor 리플 개요

    Ignite UI for Blazor 터치 또는 마우스 클릭에 응답하여 애니메이션을 생성합니다.

    Blazor Ripple Example

    Usage

    IgbRipple을 사용하기 전에 다음과 같이 등록해야 합니다.

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

    또한 IgbRipple 구성 요소에 스타일을 적용하려면 추가 CSS 파일을 연결해야 합니다. 다음은 Blazor 웹 어셈블리 프로젝트의 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

    --color CSS 속성을 유효한 CSS 색상으로 설정하여 잔물결 색상을 변경할 수 있습니다.

    igc-ripple {
      --color: olive;
    }
    

    API References

    Additional Resources