A carousel shows slides in a row that scrolls and snaps: swiping, trackpads and the arrow keys move it natively, and so do its previous and next buttons and its dots. Mark each slide with nuiCarouselSlide, named by its title.
Show one slide at a time or several with perView, or let slides keep their own width with perView="auto". [(index)] binds the first slide in view, and loop comes back to the start.
With autoplay, it turns by itself behind a rotation control. Rotation pauses under the pointer, and stops for good when keyboard focus comes in, as the WAI-ARIA pattern asks.
Featured trips
A new slide every six seconds, with the ring on the rotation control filling up to it. Hover to pause the rotation, or tab in to stop it.
A shelf of cards
perView="auto" keeps each card’s width and shows as many as fit. The dots follow a swipe, and [(index)] says where it is.
First in view: Linen shirt