Carousel

One slide in view, the rest a gesture away. Arrows, dots, and keyboard come standard; autoplay stays off unless you ask.

Example

Slide 1. Meet the library.

Slide 2. Tokens everywhere.

Slide 3. Ship it.

<Carousel label="Feature tour">
  <div><strong>Slide 1.</strong> Meet the library.</div>
  <div><strong>Slide 2.</strong> Tokens everywhere.</div>
  <div><strong>Slide 3.</strong> Ship it.</div>
</Carousel>

Autoplay

Pass autoplay with an optional interval (ms). It pauses on hover, focus, and reduced motion.

Props

Prop	Type	Default	Description
`label`	`string`	`Carousel`	Region name.
`autoplay`	`boolean`	`false`	Advance automatically.
`interval`	`number`	`5000`	Autoplay delay ms.

Accessibility

Slides announce "N of M"; dots are labeled buttons with current state.
Arrow keys work when focus is inside; autoplay never runs under reduced motion.