DxCarousel.Width Property

Specifies the component width.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v25.1.dll

NuGet Package: DevExpress.Blazor

Declaration

[Parameter]
public string Width { get; set; }

Property Value

Type	Description
String	The width in CSS units.

Remarks

Use Height and Width properties to specify the size of the <DxCarousel> component.

Razor

<DxCarousel Data="@GetCarouselData()"
            Width="500px"
            Height="300px"
            ImageSizeMode="CarouselImageSizeMode.FillAndCrop">
</DxCarousel>

DataSource

List<CarouselData> GetCarouselData() {
    List<CarouselData> result = new List<CarouselData>();
    result.Add(new CarouselData("../images/image1.jpg", "image 1"));
    result.Add(new CarouselData("../images/image2.jpg", "image 2"));
    result.Add(new CarouselData("../images/image3.jpg", "image 3"));
    result.Add(new CarouselData("../images/image4.jpg", "image 4"));

    return result;
}

public class CarouselData {
    public string Src { get; set; }
    public string Alt { get; set; }

    public CarouselData(string src, string alt) {
        Src = src;
        Alt = alt;
    }
}