Carousel Template

Updated on Aug 31, 2026

The Carousel template defines the markup to be rendered by the component. If a template is not set, the Carousel will not display anything.

The nested <Template> tag of the <TelerikCarousel> represents a standard RenderFragment.

The template exposes a context parameter, which allows access to the Carousel model and its properties. The context variable can assume a custom name, which is needed for nesting templates of different components.

Example

View Source

Loading ...

The carousel-item class is used by Bootstrap which introduces some conflicts and might lead to undesired behavior if used in the Template. That said, you should avoid it when setting CSS class for the child element of the Carousel Template.

See Also

• Carousel Events
• Carousel Live Demo