UI MarCom 3
3.2.4
Latest 3.2.x 3.1.x 2.4.x 2.3.x 2.2.x
UI MarCom
Getting Started
About UI MarCom Develop Design
Fundamentals
Overview Colors Elevation Icons Image Aspect Ratios Interaction Responsive Behavior Spacing States Typography
Components
Component status Overview Accordion Alerts Application Bar Aspect Ratio Back to top Breadcrumbs Button Card Slider Cards Carousel Checkboxes Collection Country and Language Selector Date-Time-Picker Disclaimer Dropdown Eyecatcher Feedback Module Figure Footer Header Hero Block Hotspots Label Links Lists Loading Animation Log In Dialog Logo Media Object Menu Modal Dialog Multi-column Navigation bar Overlay Pagination Progress Quotation Radio Buttons Search Field Search Results Select Box Stage Steps Bar Table Tabs Tags Textfield Toggle Button Group Toggle Switch Tooltip User Identifier Value Slider
Updates
Component Library Changelog Design Files Changelog
Help
Contact us

Carousel Stable

With carousels users have the ability to cycle through elements like images or text slides.

Usage Code

General guidance

The Carousel is an infinite horizontal slider. The user has to swipe slide by slide to see the content that is not displayed initially. The left and right controls can also be used to cycle through the elements.

alternate text to describe the image alternate text to describe the image

Dos and don’ts

  • Do make sure that you don’t hide items in a Carousel that should be visible initially.
  • Make sure all items in a Carousel are the same height.