Enable Ripple for Toggle Switch Button Label

1 Aug 20211 minute to read

By default, label with ripple effect is not available in Toggle Switch Button. You can achieve this using IJSRuntime method. The following example illustrates how to enable ripple effect for labels in Toggle Switch Button component.

@using Syncfusion.Blazor.Buttons

<SfSwitch>Bluetooth</SfSwitch>

@code {
    [Inject]
    private IJSRuntime jsRuntime { get; set; }

    protected override void OnAfterRender()
    {
        this.jsRuntime.Sf().EnableRipple(true);
    }
}

Output be like