Carousel

A carousel allows users to cycle through a series of horizontally aligned content items, such as images or text.

Variants

In order to make the existing Carousel component more accessible we created a new version called Carousel Variant. This version has navigation buttons outside on the content and proper ARIA labels for screen readers.

Open in Storybook

Carousel Variant

Anatomy

A carousel allows almost any component as carousel items, such as images, cards, or text. This means that a carousel is basically a container that offers navigational controls in the form of icon buttons to go to the previous or next item.