Radzen Blazor Components
API Reference About Radzen GitHub

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
  • image
  • image
  • image
  • image
  • image
  • image
  • image
  • image

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
  • image
  • image
  • image
  • image
  • image
  • image
  • image
  • image

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
  • image
  • image
  • image
  • image
  • image
  • image
  • image
  • image

Data-binding link

  • Contact
    Steven Buchanan
    Employee

    Steven Buchanan

    Company

    Vins et alcools Chevalier

    Delivery Information
    Address

    59 rue de l'Abbaye, Reims, France

    Ship name

    Vins et alcools Chevalier

    Order 10248 Details
    $32.38
    Quantityfilter_alt
    Order Datefilter_alt
    Discountfilter_alt
    1207/04/20230.00 %
    1007/04/20230.00 %
    507/04/20230.00 %
  • Contact
    Michael Suyama
    Employee

    Michael Suyama

    Company

    Toms Spezialitäten

    Delivery Information
    Address

    Luisenstr. 48, Münster, Germany

    Ship name

    Toms Spezialitäten

    Order 10249 Details
    $11.61
    Quantityfilter_alt
    Order Datefilter_alt
    Discountfilter_alt
    907/05/20230.00 %
    4007/05/20230.00 %
  • Contact
    Margaret Peacock
    Employee

    Margaret Peacock

    Company

    Hanari Carnes

    Delivery Information
    Address

    Rua do Paço, 67, Rio de Janeiro, Brazil

    Ship name

    Hanari Carnes

    Order 10250 Details
    $65.83
    Quantityfilter_alt
    Order Datefilter_alt
    Discountfilter_alt
    1007/08/20230.00 %
    3507/08/202315.00 %
    1507/08/202315.00 %
  • Contact
    Janet Leverling
    Employee

    Janet Leverling

    Company

    Victuailles en stock

    Delivery Information
    Address

    2, rue du Commerce, Lyon, France

    Ship name

    Victuailles en stock

    Order 10251 Details
    $41.34
    Quantityfilter_alt
    Order Datefilter_alt
    Discountfilter_alt
    607/08/20235.00 %
    1507/08/20235.00 %
    2007/08/20230.00 %
  • Contact
    Margaret Peacock
    Employee

    Margaret Peacock

    Company

    Suprêmes délices

    Delivery Information
    Address

    Boulevard Tirou, 255, Charleroi, Brazil

    Ship name

    Suprêmes délices

    Order 10252 Details
    $51.30
    Quantityfilter_alt
    Order Datefilter_alt
    Discountfilter_alt
    4007/09/20235.00 %
    2507/09/20235.00 %
    4007/09/20230.00 %
  • Contact
    Janet Leverling
    Employee

    Janet Leverling

    Company

    Hanari Carnes

    Delivery Information
    Address

    Rua do Paço, 67, Rio de Janeiro, Brazil

    Ship name

    Hanari Carnes

    Order 10253 Details
    $58.17
    Quantityfilter_alt
    Order Datefilter_alt
    Discountfilter_alt
    2007/10/20230.00 %
    4207/10/20230.00 %
    4007/10/20230.00 %
  • Contact
    Steven Buchanan
    Employee

    Steven Buchanan

    Company

    Chop-suey Chinese

    Delivery Information
    Address

    Hauptstr. 31, Bern, Switzerland

    Ship name

    Chop-suey Chinese

    Order 10254 Details
    $22.98
    Quantityfilter_alt
    Order Datefilter_alt
    Discountfilter_alt
    1507/11/202315.00 %
    2107/11/202315.00 %
    2107/11/20230.00 %
  • Contact
    Anne Dodsworth
    Employee

    Anne Dodsworth

    Company

    Richter Supermarkt

    Delivery Information
    Address

    Starenweg 5, Genève, Switzerland

    Ship name

    Richter Supermarkt

    Order 10255 Details
    $148.33
    Quantityfilter_alt
    Order Datefilter_alt
    Discountfilter_alt
    2007/12/20230.00 %
    3507/12/20230.00 %
    2507/12/20230.00 %
    3007/12/20230.00 %
  • Contact
    Janet Leverling
    Employee

    Janet Leverling

    Company

    Wellington Importadora

    Delivery Information
    Address

    Rua do Mercado, 12, Resende, Brazil

    Ship name

    Wellington Importadora

    Order 10256 Details
    $13.97
    Quantityfilter_alt
    Order Datefilter_alt
    Discountfilter_alt
    1507/15/20230.00 %
    1207/15/20230.00 %
  • Contact
    Margaret Peacock
    Employee

    Margaret Peacock

    Company

    HILARION-Abastos

    Delivery Information
    Address

    Carrera 22 con Ave. Carlos Soublette #8-35, San Cristóbal, Venezuela

    Ship name

    HILARION-Abastos

    Order 10257 Details
    $81.91
    Quantityfilter_alt
    Order Datefilter_alt
    Discountfilter_alt
    2507/16/20230.00 %
    607/16/20230.00 %
    1507/16/20230.00 %

Carousel with RadzenPager link

You can use the Carousel with RadzenPager component.

Supercharge your Blazor development with 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. Write less code and get more done.

open_in_new Learn More
>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 🗙