Needless UI

Composants

Carrousel

Des diapositives alignées qui défilent et s’aimantent, avec boutons, points et rotation.

Import

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

NuiCarousel

Un carrousel de diapositives.

Sélecteur
nui-carousel
NomTypePar défautDescription
labelInputstringNomme le carrousel.
indexBidirectionnelnumber0La première diapositive visible, à partir de 0.
perViewInputnumber | 'auto'1Les diapositives visibles à la fois, ou auto pour des diapositives qui fixent leur propre largeur.
gapInputstring'1rem'L’espace entre les diapositives, dans n’importe quelle longueur CSS.
loopInputbooleanfalseAller au-delà de la dernière diapositive ramène à la première, et inversement.
autoplayInputnumber (ms)0Les millisecondes entre deux diapositives quand il tourne tout seul ; 0 le désactive.
controls, indicatorsInputbooleantrueLes boutons précédent et suivant, et les points.
labelsInputPartial<NuiCarouselLabels>Tous ses textes, à traduire.
next, previousMéthode() => voidAvance ou recule d’une diapositive.
goToMéthode(index: number) => voidFait défiler jusqu’à une diapositive.

NuiCarouselSlide

Une diapositive.

Sélecteur
[nuiCarouselSlide]
NomTypePar défautDescription
nuiCarouselSlideInputstringSon titre, lu à la place de sa position.