Carousel

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

 

Overview Carousel Variant / Hero - KL

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.

Storybook failed to load. Please connect to the VPN to access.

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.

Overview / Anatomy - KL
Overview Carousel Variant / Anatomy - KL