Un carrusel muestra diapositivas en una fila que se desplaza y se ajusta a cada una: el deslizamiento, los trackpads y las flechas del teclado lo mueven de forma nativa, igual que sus botones de anterior y siguiente y sus puntos. Marca cada diapositiva con nuiCarouselSlide, que le da su título como nombre.
Muestra una diapositiva a la vez o varias con perView, o deja que cada una conserve su propio ancho con perView="auto". [(index)] enlaza la primera diapositiva visible, y loop vuelve al principio.
Con autoplay, avanza por sí solo, precedido por un control de rotación. La rotación se pausa bajo el puntero y se detiene del todo cuando entra el foco del teclado, como pide el patrón de WAI-ARIA.
Viajes destacados
Una diapositiva nueva cada seis segundos, con el anillo del control de rotación llenándose hasta la siguiente. Pasa el puntero por encima para pausar la rotación, o entra con Tab para detenerla.
Un estante de tarjetas
perView="auto" conserva el ancho de cada tarjeta y muestra todas las que caben. Los puntos siguen cada deslizamiento, y [(index)] indica dónde está.
First in view: Linen shirt