Radzen Blazor Components

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