'Trying to add image in MudBlazor carousel is not working

I am trying to add an image to the carouselItem of MudBlazor. Its not working correctly taking wrong width and height as well.

My code:

</MudCarouselItem>
<MudCarouselItem Transition="transition" Color="@Color.Secondary">
    <div class="d-flex" style="height:100%">
        <MudIcon Class="mx-auto my-auto" Icon="@Icons.Custom.Brands.MudBlazor" Size="@Size.Large" />
    </div>
</MudCarouselItem>
<MudCarouselItem Transition="transition">
    <div class="d-flex" style="height:100%">
        <MudIcon Class="mx-auto my-auto" Icon="@Icons.Custom.Brands.MudBlazor" Color="@Color.Primary" Size="@Size.Large" />
    </div>
</MudCarouselItem>


Solution 1:[1]

I didn't understand exactly your problem, but tried this sample and it appears to be working:

https://try.mudblazor.com/snippet/GkQQuFvQaKGUBHwy

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 HClausing