RhombusKit

Carousel

A carousel cycles through a set of equivalent, browsable slides — featured content, imagery, testimonials. RhombusKit's <rhombus-carousel> is bespoke and follows the APG Auto-Rotating Carousel pattern: a labelled region of slide groups with CSS-only transitions, keyboard-navigable dots, and autoplay that respects prefers-reduced-motion.

Example

Slide one

When to use

  • For equivalent, browsable content a user can skip through — a gallery, featured items, quotes.
  • When space is limited and the content is supplementary, not essential to the task.

When not to use

  • Never place a critical, one-time call to action on an auto-rotating slide — it may rotate away before it's seen.
  • When each section must stay individually reachable, use Tabs or an Accordion.

Was this page helpful?