Skip to main content
All docs
V24.2

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

DxCarouselItem Class

Defines a Carousel item.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

C#
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