-
Notifications
You must be signed in to change notification settings - Fork 8
CarouselItem
Mika Berglund edited this page Feb 28, 2020
·
3 revisions
The CarouselItem component is used to produce one slide for a Carousel component.
CarouselItem : BootstrapComponentBase
| 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. |
See the Carousel component for examples including the CarouselItem component.
- Home
- Design Principles
- Getting Started
- Components
- Content
- Layout Components
- Generic Elements
- Utilities
- Releases