Un carosello mostra le slide in una fila che scorre e si aggancia a ciascuna: swipe, trackpad e tasti freccia lo spostano in modo nativo, così come i pulsanti precedente e successivo e i puntini. Segna ogni slide con nuiCarouselSlide, che le dà come nome il suo titolo.
Mostra una slide alla volta, o più di una con perView, oppure lascia che ogni slide mantenga la propria larghezza con perView="auto". [(index)] collega la prima slide visibile, e loop ricomincia dall’inizio.
Con autoplay gira da solo, preceduto da un controllo della rotazione. La rotazione va in pausa sotto il puntatore e si ferma del tutto quando entra il focus da tastiera, come chiede il pattern WAI-ARIA.
Viaggi in evidenza
Una nuova slide ogni sei secondi, con l’anello sul controllo della rotazione che si riempie fino alla successiva. Passa sopra con il mouse per mettere in pausa la rotazione, o entra con Tab per fermarla.
Uno scaffale di card
perView="auto" mantiene la larghezza di ogni card e ne mostra quante ce ne stanno. I puntini seguono lo swipe, e [(index)] dice dove si trova.
First in view: Linen shirt