Carousel

Demonstration and configuration of the Radzen Blazor Carousel component.

These demos showcase a slideshow carousel with customizable navigation button styles, custom icons and text for next/prev buttons, flexible paging configurations with overlay and position options, data-binding support, and integration with RadzenPager.

Navigation button styles link

Easily change the look and feel of next/prev navigation buttons via ButtonStyle, Shade, Variant, and Size.

Navigation button content link

Use NextText="" and PrevText="" to add text to the next/prev navigation buttons. To change the icons, use NextIcon="" and PrevIcon="".

Paging link

You can disable the built-in paging via AllowPaging="false". PagerOverlay and PagerPosition help to position the pager according to your needs.

Data-binding link

Carousel with RadzenPager link

You can use the Carousel with RadzenPager component.

All the tools in one place

Save Hours on Every Project

With Radzen Blazor subscription you get the full toolkit, including:

support

Dedicated support backed by proven expertise

palette

Premium themes and theme editor

widgets

Ready-to-use UI blocks

dashboard_customize

Complete app templates

format_shapes

Visual design-time-experience

Start Free See Subscription Plans

Radzen Blazor Components, © 2018-2025 Radzen.
Source Code licensed under MIT