Skip to content

CarouselItem

Mika Berglund edited this page Feb 28, 2020 · 3 revisions

CarouselItem Component

The CarouselItem component is used to produce one slide for a Carousel component.

Inheritance

CarouselItem : BootstrapComponentBase

Parameters

Name Type Description
CaptionBackgroundColor NamedColor? The background colour for the caption of the slide.
CaptionTextColor NamedColor? The text colour for the caption.
CaptionHeading string The heading text of the caption.
CaptionHeadingTemplate RenderFragment<string> The template that allows you to completely customize the caption heading. The context variable contains the value specified in CaptionHeading.
CaptionBody string The body text of the caption.
CaptionBodyTemplate RenderFragment<string> Allows you to fully customize the caption body. The context variable contains the value specified in CaptionBody.
CustomCaptionBackgroundColor string The custom background colour to use on the caption. Can be any value that can be specified on the background-color CSS style.
ImageUrl string The URL to the image to show in the slide, if you want to show an image.
ImageScaling ImageScaleMode Defines how you want the image to be scaled within the slide.
MinHeight string Defines a minimum height for the slide. This is especially important if you don't have content like images to define a size for the slide. Can be any value that can be specified on the min-height CSS style.

Examples

See the Carousel component for examples including the CarouselItem component.

Clone this wiki locally