RadzenCarousel Pause

Radzen.Blazor Components
1

Hi , Team
I used RadzenCarousel below is my code . here i want
Enable the carousel to pause the rotation when a user hovers over the area.

@using RadzenBlazorDemos.Data
@using RadzenBlazorDemos.Models.Northwind
@using Microsoft.EntityFrameworkCore

@inherits DbContextPage

<RadzenStack class="rz-p-0 rz-p-md-12">
    <RadzenCard class="rz-p-4" Variant="Variant.Outlined">
        <RadzenCarousel @ref=carousel PagerPosition="PagerPosition.Bottom" PagerOverlay="true" ButtonShade="Shade.Default" Style="height:500px">
            <Items>
                @foreach (var orderID in orderIDs)
                {
                <RadzenCarouselItem>
                    <RadzenCard class="rz-w-75">
                        <DialogCardPage OrderID=@orderID />
                    </RadzenCard>
                </RadzenCarouselItem>
                }
            </Items>
        </RadzenCarousel>
    </RadzenCard>
</RadzenStack>

@code {
    RadzenCarousel carousel;

    IQueryable<int> orderIDs;

    protected override async Task OnInitializedAsync()
    {
        await base.OnInitializedAsync();

        orderIDs = dbContext.Orders.Select(o => o.OrderID).Take(10);
    }
}
2

You can use onmouseenter and onmouseleave to stop and start the carousel. Here is some code:

<RadzenCarousel @onmouseenter=@OnMouseEnter
@onmouseleave=@OnMouseLeave @ref=carousel>
</RadzenCarousel>
@code {
    RadzenCarousel carousel;

    void OnMouseEnter()
    {
        carousel.Stop();
    }

    void OnMouseLeave()
    {
        carousel.Start();
    }
}