Radzen Blazor Components
percent

Save $100 with promo code CHEERS2025

As we are looking forward to an incredible 2025, enjoy our end-of-year promotion! Valid now through January 6th.

See Pricing ↗

Carousel

Demonstration and configuration of the Radzen Blazor Carousel component.

Selected index
Interval
Auto-cycle
Navigate

Console log

Navigation button styles link

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

Allow navigation
Buttons Style
Primary
Secondary
Light
Base
Dark
Success
Danger
Warning
Info
Base
Buttons Variant
Filled
Flat
Text
Outlined
Text
Buttons Shade
Lighter
Light
Default
Dark
Darker
Lighter
Buttons Size
Medium
Large
Small
ExtraSmall
Large

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="".

PrevText
PrevIcon
NextText
NextIcon

Paging link

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

Allow paging
Pager Overlay
Pager Position
Top
Bottom
TopAndBottom
Bottom

Data-binding link

Carousel with RadzenPager link

You can use the Carousel with RadzenPager component.

Supercharge your Blazor development with Radzen

Whether you prefer a standalone environment or integration directly within Visual Studio, Radzen provides a powerful toolkit to increase development speed, reduce repetitive coding, and focus on building exceptional applications.

Pro

Radzen Blazor Studio

Radzen Blazor Studio is a software development environment that empowers developers to design, build and deploy Blazor applications without the traditional hurdles.

Learn More
New

Radzen Blazor for Visual Studio

Radzen Blazor for Visual Studio extension streamlines Blazor development within the Visual Studio environment. The Blazor extension you need to boost productivity!

>Radzen Blazor Studio

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

Demos Configuration

Premium Themes

  • Material 3
  • Material 3 Dark
  • Fluent
  • Fluent Dark

Free Themes

  • Material
  • Material Dark
  • Standard
  • Standard Dark
  • Default
  • Dark
  • Humanistic
  • Humanistic Dark
  • Software
  • Software Dark
An error has occurred. This app may no longer respond until reloaded. Reload 🗙