Skip to main content
All docs
V25.1
  • DxCarouselItem Class

    Defines a Carousel item.

    Namespace: DevExpress.Blazor

    Assembly: DevExpress.Blazor.v25.1.dll

    NuGet Package: DevExpress.Blazor

    Declaration

    public class DxCarouselItem :
        ComponentBase,
        IDisposable

    Remarks

    The DxCarouselItem class implements the functionality of an individual item displayed in a DxCarousel component. Use the Items property to manage the component’s item collection.

    Run Demo

    A DxCarouselItem can display any UI element or custom content. Specify the markup directly in the <DxCarouselItem> tag:

    Carousel - Item Collection

    <DxCarousel Width="500px"
                Height="300px">
        <Items>
            @foreach (var item in GetCarouselData()) {
                <DxCarouselItem>
                    <div class="caruselItemContainer">
                        <p class="caruselItemCaption">@item.AlternateText</p>
                        <img src=@item.Source
                             alt=@item.AlternateText />
                    </div>
                </DxCarouselItem>
            }
        </Items>
    </DxCarousel>
    

    Inheritance

    Object
    ComponentBase
    DxCarouselItem
    See Also