Components

Carousel

Cycle through slides of content one page at a time.

Component notes

  • Every slide element exposes aria-roledescription — pass a localized value via the slideRoleDescription prop.
  • CarouselNavigation buttons have accessible names — override the defaults with previousLabel, nextLabel and the group's navigationLabel.
  • CarouselDots labels the dots group (label) and each dot (dotLabel, built from its one-based page number). Dots render only for 2–10 pages — provide the scrollbar or navigation for longer carousels.
  • Focusing a slide (e.g. tabbing to a link inside it) scrolls it into view, so keyboard users can reach off-screen slides.
Dr. Max Design System • © 2026