Needless UI

Componenti

Carosello

Slide in fila che scorrono e si agganciano, con pulsanti, puntini e rotazione.

Import

import-carousel.ts
import { NuiCarousel, NuiCarouselSlide } from '@needless-ui/angular/carousel';

NuiCarousel

Un carosello di slide.

Selettore
nui-carousel
NomeTipoPredefinitoDescrizione
labelInputstringDà un nome al carosello.
indexBidirezionalenumber0La prima slide visibile, a partire da 0.
perViewInputnumber | 'auto'1Le slide visibili contemporaneamente, o auto per slide che decidono da sé la propria larghezza.
gapInputstring'1rem'Lo spazio tra le slide, come qualsiasi lunghezza CSS.
loopInputbooleanfalseAndare oltre l’ultima slide riporta alla prima, e viceversa.
autoplayInputnumber (ms)0Millisecondi tra una slide e l’altra quando gira da solo; con 0 non gira.
controls, indicatorsInputbooleantrueI pulsanti precedente e successivo, e i puntini.
labelsInputPartial<NuiCarouselLabels>Ogni suo testo, da tradurre.
next, previousMetodo() => voidVa avanti o indietro di una slide.
goToMetodo(index: number) => voidScorre fino a una slide.

NuiCarouselSlide

Una slide.

Selettore
[nuiCarouselSlide]
NomeTipoPredefinitoDescrizione
nuiCarouselSlideInputstringIl suo titolo, letto al posto della sua posizione.